在双击时，jquery fadeIn没有达到完全不透明度？

Question

我使用jquery加载和淡入目标div中的内容。这很好用，我喜欢它看起来多么整洁。但是，如果您单击一个链接以淡入内容几次（快速），则内容doesent似乎会进展到完全不透明。因此，如果我按两次链接（再次非常快），它只能达到50％的透明度。为什么是这样？我可以像其他代码一样保证这一点吗？这是我的代码：

$(".nav").click(function(e){
        e.preventDefault();

        $('#target').html('Loading...');

        $.get(this.href, function(data) {

            $("#target").hide(0, function(){
                $(this).html(data).fadeIn("fast");
            });

        }); 
});

Answer 1

尝试添加.stop(true,true)

$(".nav").click(function(e){
        e.preventDefault();

        $('#target').html('Loading...');

        $.get(this.href, function(data) {

            $("#target").hide(0, function(){
                $(this).html(data).stop(true,true).fadeIn("fast");
            });

        }); 
});