jquery - 无法在窗口加载 (bpopup) 时加载 jQuery 弹出窗口

Question

我正在尝试对弹出 jquery 插件 (bpopup) 进行简单调用。

;(function($) {
    $(window).load(function(){
        $('#popup').bPopup({
            modalClose: false,
            opacity: 0.6,
            positionStyle: 'fixed'
        });
    });
});
})(jQuery);

应该出现一个 ID 为“popup”的 div，但是当窗口加载时，什么都没有发生（甚至没有弹出窗口被阻止）。

任何建议都非常感谢，谢谢。

编辑：有问题的页面非常轻 - 仅文本，弹出窗口仅包含文本。

Answer 1

试试这个，改用 $(document).ready

  ;(function($) {
  $(document).ready(function(){
                $('#popup').bPopup({
            modalClose: false,
            opacity: 0.6,
            positionStyle: 'fixed'
                });
            });
        });
    })(jQuery);

window onload 将等待加载所有资产，因此您可能正在加载需要很长时间的内容

Answer 2

您的代码中有语法错误。删除其中一个额外的});.

;(function($) {
    $(window).load(function(){
        $('#popup').bPopup({
            modalClose: false,
            opacity: 0.6,
            positionStyle: 'fixed'
        });
    });
})(jQuery);