jquery - Jquery中的fadeIn和faceOut效果无法正常工作

Question

该脚本可以正常工作，single click但double click它同时显示了 div#btnn和#num

CSS

#num
{
    padding: 15px;
    display: none;
}

江青

<script type="text/javascript">
$(document).ready(function() {
    $(".deatil_view_b").toggle(function() {
        $("#btnn").fadeOut('slow',function() {
            $("#num").fadeIn('slow');
        });
    }, function(){
        $("#num").fadeOut('slow', function() {
            $("#btnn").fadeIn('slow');
        });
    });
});
</script>

Answer 1

试试这个：

$(document).ready(function(){
    $(".detail_view_b").toggle(function() {
        $("#btnn").fadeOut('slow', function() {
            $("#num").fadeIn('slow');
        });
    }, function() {
        $("#num").fadeOut('slow', function() {
             $("#btnn").fadeIn('slow');
        });
    });
    $(".detail_view_b").dblclick(function() {
        $("#btnn").clearQueue();
        $("#num").clearQueue();
    });
});

另请注意，我将“detail_view_b”更正为“detail_view_b”。我假设那是一个错字。

Answer 2

尝试使用该.stop()功能立即完成动画并继续：

$("#btnn").stop(true, true).fadeOut('slow',function() {
    $("#num").fadeIn('slow');
});

$("#num").stop(true, true).fadeOut('slow', function() {
     $("#btnn").fadeIn('slow');
});

请记住，双击不是网络应用程序中的标准事件。