javascript - 如果存在警报语句，为什么代码可以工作

Question

我有以下代码:

$("#doctorLists").click(function(){
    $("#doctorListsDisplay").slideToggle("slow", function() {
        if ( $('#doctorListsDisplay').is(':hidden')) {
            //alert ('hidden');
            $('#searchMP').css({ top: $("#doctorLists").position().top + 40 }).show();
            if ($('#searchMPDisplay').is(':visible')) {
                alert("MP visible");
                $('#searchMPDisplay').css({ top: $("#searchMP").position().top + 30 }).show();
            }
            value +=180;
            $('#imgArrowDown').rotate({ animateTo:value})
        }
        else {
            //alert ('shown');
            $('#searchMP').css({ top: $("#doctorLists").position().top + 230 }).show();
            if ($('#searchMPDisplay').is(':visible')) {
                alert("MP hidden");
                $('#searchMPDisplay').css({ top: $("#searchMP").position().top + 30 }).show();
            }
            value +=180;
            $('#imgArrowDown').rotate({ animateTo:value})
        }
    });
});

以下代码行唯一有效的情况是警报语句未被注释掉:

if ($('#searchMPDisplay').is(':visible')) {
    alert("visible");
    $('#searchMPDisplay').css({ top: $("#searchMP").position().top + 30 }).show();
}

和

if ($('#searchMPDisplay').is(':visible')) {
    alert("hidden");
    $('#searchMPDisplay').css({ top: $("#searchMP").position().top + 30 }).show();
}

我添加了警报语句以查看状态，但现在如果我删除它，代码将不起作用。谁能帮我弄清楚为什么？

Answer 1

可能的解释是警报挂起代码执行，直到您尝试显示/隐藏的元素被添加到 DOM。

调试代码的最佳方法是添加 console.log 而不是警报，信息是元素已经在 DOM 中。