如何在网页完全加载时加载javascript函数?

时间:2013-06-17 09:09:15

标签: javascript jquery-select2

我有一个包含谷歌图表(代表一些数据)的网页。当我的网页加载时,图表会在加载网页后正好加载。我正在使用“select2”来美化我的选择框。这是我的代码:

$(document).load(function() { $("select").select2(); });

但是当页面加载时没有任何反应!但是当我使用:

$(document).change(function() { $("select").select2(); });

然后在任何网页元素中进行任何更改,然后以“select2”格式转换选择框。请帮帮我,我可以尝试一下吗?在页面加载后加载图表有什么问题吗?如果是,那么为什么它不被视为网页的变化?

1 个答案:

答案 0 :(得分:1)

非常重要的是你的要求。

DOM ready ”(这几乎意味着可以通过ECMAscript访问)或者你需要等待时,它是否足够早你做某事所有资源都要完全装满?

如果是前者,则DOMContentLoaded事件是您的选择。对于后一种情况,window load事件会让你开心。

使用jQuery,这是

$( document ).ready(function() {
    // do stuff when the DOM is ready
});

$( window ).load(function() {
    // do stuff when all resources (images, iframes, ...) were loaded
});

如果任何第三方脚本加载器涉及任何异步进程,您别无选择,只能进入任何类型的回调机制,这些应该由这些脚本提供。