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);

无法在窗口加载时加载jQuery弹出窗口（bpopup）

2 个答案: