这里是 Jquery 的新手......但是有人告诉我并且正在做的一件事是在读取 html 后在我的页面底部添加我的 Javascript。
现在,我看到人们添加 $(document).ready(function() 即使代码位于页面底部。DOM 不是随着 HTML 被读取而逐步构建的吗?到阅读 HTML 时,DOM 不应该自动准备就绪吗?因此,添加此检查的意义何在?
例如小demo:
<ul>
<li id="draggable" class="ui-state-highlight">Drag me down</li>
</ul>
<ul id="sortable">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
<li class="ui-state-default">Item 5</li>
</ul>
<script>
alert("In Page");
</script>
</div><!-- End demo -->
<script>
$(function() {
alert("Dom is READY");
$( "#sortable" ).sortable({
revert: true
});
$( "#accordion" ).accordion();
});
</script>
“In Page”总是先出现...是因为 HTML 不够“大”吗?
最佳答案
事实是 document.ready 和 bottom of document 几乎是一回事,因为在 document 的末尾所有控件都在那里。就我个人而言,我仍然更喜欢 document.ready,因为它是 JQuery 框架识别文档结束的方式(理想情况下我们应该坚持框架推荐的方式),其次它会照顾任何错误移动代码的人。
关于javascript - 如果代码在底部,放置 $(document).ready 函数有什么意义?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10763329/