页面加载后运行javascript

时间:2013-04-05 17:58:09

标签: javascript jquery javascript-events

我目前有一个javascript文件,我在我的视图页面中调用,我可以在其中显示我的数据信息。同时,我有一段javascript,一旦点击图像就会显示一个菜单栏。这个脚本是在页面完全加载之前运行的,或者因为它不起作用而运行。在所有其他脚本完成运行并加载页面后,如何使我的javascript采取操作?这是我尝试但不能正常工作

的Javascript

(function ($) {

.... lines to load view page with data

$(document).ready(function () {
    $('figure').on('click', function (event) {
        $(event.currentTarget).toggleClass('open');
    });
});

})(jQuery);

1 个答案:

答案 0 :(得分:7)

如果您想等到所有元素都加载到这种情况,您可以使用$(window).on("load")代替$(document).ready

$(window).on("load", function(){
    $('figure').on('click', function (event) {
        $(event.currentTarget).toggleClass('open');
    });    
});