我有一个简单的页面,只是尝试将加载事件附加到文档。我不确定在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
。
答案 0 :(得分:6)
您忘记将代码写入函数。
$(document).ready(function() {
showWidth();
});
或者只是简单地
$(function() {
showWidth();
});
答案 1 :(得分:1)
试试这个http://jsfiddle.net/vdCwE/
另外,您确定要在页面中包含jQuery吗?我在你的代码中没有看到它。
答案 2 :(得分:1)
有两种加载状态。一个是“DOM ready”,可以通过使用
来询问// 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"); });