为什么这个执行了两次？

Question

我有这样的代码：

$(document).ready(function() {

    $("div #covert, div #coverb").height($(window).height() / 2 + 1);
    $(window).resize(function() {
        $("div #covert, div #coverb").height($(window).height() / 2 + 1);
        covconcr();
    });

    function covconcr() {
        $('div #covercon').css('left', $(window).width() / 2 - $('#covercon').width() / 2);
    }

    covconcr();

    function hidecover() {
        var goup = $('div #covert').height();
    }

    $("div #covercon").fadeOut("fast").fadeIn("fast").fadeOut("fast").fadeIn("fast").fadeOut("fast").fadeIn("fast").fadeOut("fast").fadeIn("fast").fadeOut("fast").delay(100).fadeIn("fast", function() {
        $(this).stop();
    });

    $('title').html('Drink86_browser.detection');

    var logoop;

    jQuery.each(jQuery.browser, function() {
        if ($.browser.msie) {
            $('div #covercon').delay(3000, function() {
                $(this).html("YOUR BROWSER IS: INTERNET EXPLORER.");
                $('title').html('Drink86_your.browser.is.internet.explorer');
            });
        }
        else if (!$.browser.msie) {
            function update() {
                //$('#site').load('site.php');
                $('div #covercon').html("YOUR BROWSER IS: " + jQuery.uaMatch(navigator.userAgent).browser + ".");
                covconcr();
                $('title').html('Drink86_your.browser.is.' + jQuery.uaMatch(navigator.userAgent).browser + ' ');

                function hidecov() {
                    $('title').html('Drink86_loading_files');
                    $('#covercon').html($('#loading').html());
                    covconcr();
                    var timer = setInterval(function() {
                        $("#loadingpro").html(Math.round($("#progress").width() / 4) + "%");
                    }, 20);
                    $("#progress").animate({
                        width: 400
                    }, 2000, function() {
                        $('title').html('Drink86_');
                        clearInterval(timer);
                        $('#covercon').delay(700).fadeOut('fast', function() {
                            //    if(logoop!="yes"){
                            $('#logobig').css('left', $(window).width() / 2 - $('#logobig').width() / 2).css('top', $(window).height() / 2 - $('#logobig').height() / 2);
                            $('#logobig').fadeIn(3000).delay(2500).fadeOut(3000);
                            logoop = "yes";
                            // }
                        });
                    });
                }
                setTimeout(hidecov, 1000);
            }
            setTimeout(update, 3100);
        }
    });
});

使用 #logobig （fadeIn 和 fadeOut）的操作执行两次。 为什么？ 我之前遇到过类似的问题，但后来它们仅在 Firefox 中执行了两次。 有什么想法为什么吗？

Answer 1

你到底在想什么

jQuery.each(jQuery.browser, function() { ...

这真的毫无意义。只需查看jQuery.browser（如果必须的话）。

另外，检查“if”语句中是否是 IE，然后检查“else”部分中是否不是 IE，那么，再次...

您问题的直接答案是 jQuery.browser 中可能有两件事，所以你要做两次这些事情。

Answer 2

我认为你的问题是你正在迭代 jQuery 浏览器标志的集合，这对于完成你正在做的事情来说不是必需的。如果您在 Firefox 中查看该页面，则 if/elseif 的第二个子句将在每个循环上执行，因为该值永远不会改变。尝试从每个循环中删除该函数，使其看起来像这样：

if ($.browser.msie) {
    $('div #covercon').delay(3000, function() {
        $(this).html("YOUR BROWSER IS: INTERNET EXPLORER.");
        $('title').html('Drink86_your.browser.is.internet.explorer');
    });
} else if (!$.browser.msie) {
    function update() {
        //$('#site').load('site.php');
        $('div #covercon').html("YOUR BROWSER IS: " + jQuery.uaMatch(navigator.userAgent).browser + ".");
        covconcr();
        $('title').html('Drink86_your.browser.is.' + jQuery.uaMatch(navigator.userAgent).browser + ' ');

        function hidecov() {
            $('title').html('Drink86_loading_files');
            $('#covercon').html($('#loading').html());
            covconcr();
            var timer = setInterval(function() {
                $("#loadingpro").html(Math.round($("#progress").width() / 4) + "%");
            }, 20);
            $("#progress").animate({
                width: 400
            }, 2000, function() {
                $('title').html('Drink86_');
                clearInterval(timer);
                $('#covercon').delay(700).fadeOut('fast', function() {
                    //    if(logoop!="yes"){
                    $('#logobig').css('left', $(window).width() / 2 - $('#logobig').width() / 2).css('top', $(window).height() / 2 - $('#logobig').height() / 2);
                    $('#logobig').fadeIn(3000).delay(2500).fadeOut(3000);
                    logoop = "yes";
                    // }
                });
            });
        }
        setTimeout(hidecov, 1000);
    }
    setTimeout(update, 3100);
}

Answer 3

jQuery.each(jQuery.browser

不要循环遍历“浏览器”对象中的每一项。我怀疑有不止一项！$.browser.msie

Answer 4

您在 update() 内部调用 setTimeout(hidecov, 1000)，然后在 update 外部调用 setTimeOut(update, 3100)，因此 hidecov 将在 1000ms 后调用一次，然后 update 将在 3100ms 后调用，并在其中对 hidecov 执行另一个 setTimeout > 1000 毫秒内。

我不确定所有这些代码试图做什么，所以我无法告诉您如何更改它，但我可以明白为什么 hidecov 被调用两次。

Answer 5

我不是最擅长 JavaScript，所以我可能完全不同意这一点，但看起来 hidecov 可以在调用 update 时运行，然后在 1 秒过去后再次运行。

在 hidecov 中使用带有断点的 Firebug 应该指向它何时运行。