Jquery准备好dom

Question

我有一个JQuery的问题（​​我几次开始），我有一个非常大的HTML页面，我在这个页面的开头有一个小部件，但我做了一个文件。已经等待了我的所有页面在执行之前都已加载，这太长了。

那么我的小部件加载后如何才能执行jquery？我试过像$（myWidget）.ready（）这样的东西，但它不起作用

我希望我足够清楚

干杯

Answer 1

如果您查看documentation of 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之前加载