加载页面后运行javascript [重复]

Question

我目前有一个 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);

Answer 1

如果您想等到所有元素都加载完毕，您可以使用$(window).on("load") 而不是$(document).ready：

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