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

Question

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

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

有一个id为' popup‘的div应该会出现，但是当窗口加载时什么都没有发生(甚至没有弹出窗口被阻止)。

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

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

Answer 1

您的代码中存在语法错误。卸下一个多余的});。

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

Answer 2

尝试此操作，更改为使用$(document).ready

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

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