admin管理员组

文章数量:1345466

I have a simple page, just trying to attach a load event to the document. I am not sure which event handler to use in jQuery to do this with. I tried $() and $(document).ready and .load but neither seem to run the code at the right time. Should I be using .on, .live? Or is there something I am doing wrong. Here is a sample:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
    $(document).ready(
        showWidth()
    );
    function showWidth() {
        alert($('#textTitle').width());
    }
</script>
</head>
<body>
<div class="page">
        <div id="title">
            <h1 id="textTitle">yo</h1>
        </div>
</div>
</body>
</html>

When I run this the alert displays null.

I have a simple page, just trying to attach a load event to the document. I am not sure which event handler to use in jQuery to do this with. I tried $() and $(document).ready and .load but neither seem to run the code at the right time. Should I be using .on, .live? Or is there something I am doing wrong. Here is a sample:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
    $(document).ready(
        showWidth()
    );
    function showWidth() {
        alert($('#textTitle').width());
    }
</script>
</head>
<body>
<div class="page">
        <div id="title">
            <h1 id="textTitle">yo</h1>
        </div>
</div>
</body>
</html>

When I run this the alert displays null.

  • javascript
  • jquery
  • onload-event
Share Improve this question asked Apr 26, 2012 at 7:08 Travis JTravis J 82.4k42 gold badges211 silver badges279 bronze badges
Add a ment  | 

3 Answers 3

Reset to default 6

You forgot to write your code into function.

$(document).ready(function() {
        showWidth();
    });

Or just simply

    $(function() {
        showWidth();
    });

Try this http://jsfiddle/vdCwE/

Also, are you sure you are including jQuery in your page? I didn't see it in your code.

There are two states of loading. One is "DOM ready" which can be asked by just using

// the long way
$(document).ready(function() { console.log("dom ready"); });
// the short way
$(function() { console.log("dom ready"); });

Or you want to wait for the "load" of the actual page (images, iFrames and so on) then you could use

$(window).load(function() { console.log("everything should be loaded"); });

本文标签： javascriptWhich jQuery event handler works for page loadStack Overflow

版权声明：本文标题：javascript - Which jQuery event handler works for page load? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743795510a2540355.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。