jQuery fadeIn在IE中只工作正常一次

Question

我有脚本在按钮上，其中fadeIn调光，加载和放置内容，和fadeOut调光：

$(document).on("click", "#Navigation area", function(){
    $('#loader').fadeTo(300, 1);
    $('#dimming').fadeTo(300, 1, function(){
        $("#choose-door").hide();
    });
    alert(1);
    var style = $(this).attr("class");
    $("#content").load("/style.html", function(r){
        alert(2);
        $(this).fadeIn();
        $("#dimming").css({"height":$("body").height()});
        loadDb(style);   
    });
    return false;
});

正常的浏览器(不是IE)工作正常，当alert(2)运行时，可以看到调光。IE只工作一次，然后调光显示一秒钟，当内容加载时(可能是运行fadeOut，而不是fadeIn)。当alert(2)不是第一次在IE中运行时，调光不可见。

Answer 1

我到处寻找你的问题的解决方案，唯一可能导致IE浏览器出现问题的东西指向.load()函数。

请尝试这个可行的解决方案，并提供反馈。

jQuery's .load() not working in IE - but fine in Firefox, Chrome and Safari