Jquery：代码在 Chrome 中有效，但在 Firefox 中无效

Question

我有一个函数 showBubble() 在页面加载时运行s

var showBubble = function() {
                if ($.cookie("bubblepromo")) {
                    if ($.cookie("bubblepromo") == "deleted") {
                        $(".authorization-link .popup").hide();
                    } else {
                        $(".authorization-link .popup").show();
                    }
                } else {
                    $.cookie("bubblepromo", "popup", { path: '/' });
                    $(".authorization-link .popup").show();
                }
                $(".authorization-link .popup #close").click(function () {
                    $.cookie("bubblepromo", "deleted", { path: '/' });
                    $(".authorization-link .popup").hide();
                });
                alert('show bubble');
            }
   
$(window).on('load', function(){
    setTimeout(showBubble, 3000);
});

我使用 setTimeout 到运行页面加载后 jquery 3 秒。函数 showBubble() 根据 cookie bubblepromo

的值显示气泡弹出窗口

以上代码在 Chrome 中运行良好，但在 Firefox 中不起作用。我使用了 Firefox 调试器并为这行代码设置了一个断点

$(".authorization-link .popup").show();

但由于某些原因，这行代码有时不会执行。此问题是间歇性的。

Answer 1

用document.ready函数替换$(window).on('load')：

$(document).ready(function(){ 
//method goes here
});

Jquery：代码在 Chrome 中有效，但在 Firefox 中无效

Jquery: Code working in Chrome but not in Firefox

javascript

firefox

jquery