Question

但有件事我被告知并正在做, 是在读取 html 之后, 在我的页面底部添加我的爪哇文稿。

现在,我看到有人在添加$(文件).ready(职能()),即使代码位于页面的底部。 DOM 是否正在随着 HTML 的阅读而逐步构建? 在读完 HTML 之后, DOM 是否应该自动准备就绪, 因此, 添加此检查有什么意义?

例如,小型演示:

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

"在页"总是首先出现... 是不是因为HTML不够大?

Answer 1

事实就是那份文件。文件的准备和底部都差不多一样, 因为到文件的末尾, 所有的控件都存在。我个人还是更喜欢文件。既然它就是 JQuery 框架确定文件结尾的方式( 并且最好我们坚持建议的框架方法 ), 其次它会处理错误移动代码的任何人。

Answer 2

当您以这种方式写出代码时, 假设您将jQuery 装入头部, 可能没有必要拥有关于 Ready 的文档。

当您的页面代码通过文档中的外部 JavaScript 资源( 可能不是在底部) 装入时, 它开始产生变化。这样做的原因主要是让您的浏览器可以缓存该代码, 从而降低网络管理费。

友情链接