1

このスクリプトは正常に動作しますsingle clickがdouble click、div#btnnと#num

CSS

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

JQ

<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>
4

2 に答える 2

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」に修正したことにも注意してください。タイプミスだったと思います。

于 2012-06-22T05:12:25.413 に答える
0

関数を使用.stop()してアニメーションを即座に完成させ、次に進みます。

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

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

ただし、ダブルクリックは Web アプリの標準的なイベントではないことに注意してください。

于 2012-06-22T05:05:01.800 に答える