jquery fadeIn 双击时未达到完全不透明度？

Question

我使用 jquery 加载和淡入目标 div 中的内容。这很好用，我喜欢它看起来很整洁。但是，如果您单击链接多次(快速)淡入内容，则内容似乎不会完全不透明。因此，如果我按链接两次(再次非常快)，它只能达到 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");
            });

        }); 
});