Jquery 就绪 dom

Question

我遇到了一种 JQuery 问题（我前几次开始），我有一个非常大的 html 页面，并且我在该页面的开头有一个小部件，但我做了一个 document.ready，所以它正在等待我的所有页面在执行之前加载，时间太长。

那么我如何在加载小部件后立即执行 jquery 呢？我尝试了类似 $(myWidget).ready() 但它不起作用

我希望我足够清楚

干杯

Answer 1

如果您查看 jQuery 文档：

$(function () {
    // Everything here will be called AFTER the DOM is loaded
    // So it will be called after your widget is loaded
    // but it will wait that your whole page is loaded.
});

但是现在，如果您希望 Javascript 代码为在小部件准备好后立即执行，而不是等待整个页面加载，我知道的唯一（正确）方法是通过 Javascript 和一些 DOM 操作来创建小部件。
这样做，您可以使用@Robbert 给出的代码。

然后，如果您不介意代码不好，您可以在 HTML 小部件之后执行 javscript，但这是完全错误的，我不建议您这样做这样做。

<div class="widget">
    <!-- Your widget html code -->
</div>
<script>
    // your JS code
</script>

根据给出的三个解决方案，我建议您直接从 javascript 生成 Widget。这样做更好，不会造成干扰，而且您不必等待整个页面加载完毕。

Answer 2

您可以在该小部件之后添加您的 JavaScript，并且没有加载事件

Answer 3

尝试像

widget_function()

$(document).ready(

other JS
)

在 document.ready 之外执行小部件之类的操作，然后它将在您的 html 之前加载