5

我有一个简单的页面，只是试图将加载事件附加到文档。我不确定在 jQuery 中使用哪个事件处理程序来执行此操作。我试过了$()，但似乎都没有在正确的时间运行代码。我应该使用,吗？还是我做错了什么。这是一个示例：$(document).ready.load.on.live

<!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>

当我运行此警报时，将显示null.

4

3 回答 3

6

您忘记将代码写入函数。

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

或者只是简单地

    $(function() {
        showWidth();
    });
于 2012-04-26T07:09:57.730 回答
1

试试这个http://jsfiddle.net/vdCwE/

另外，您确定在您的页面中包含 jQuery 吗？我没有在你的代码中看到它。

于 2012-04-26T07:14:37.570 回答
1

有两种加载状态。一种是“DOM 就绪”，只需使用即可询问

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

或者您想等待实际页面（图像、iFrame 等）的“加载”，然后您可以使用

$(window).load(function() { console.log("everything should be loaded"); });
于 2012-04-26T07:15:34.753 回答