1

これはかっこいいですし、私はこれに精通しています。ただし、クリックできないようにするために、次と前のボタンを表示したままにします。私の特定の状況では、ボタンはデザインの一部である画像です。アニメーションが終了する前にユーザーがクリックできないようにしたいだけです。

4

5 に答える 5

9 
$(function(){
    $("#previous").bind("click", Previous);
    $("#next").bind("click", Next);
});

function DoAnimation() {
    $("#previous,#next").unbind("click");
    $('#id').animate(
        complete: function() {
            $(this).after('<div>Animation complete.</div>');
            $("#previous").bind("click", Previous);
            $("#next").bind("click", Next);
        }
    });
}

function Previous() { }
function Next() { }
于 2010-09-01T14:19:05.350 に答える
8

もう1つのテクニック：

$(".next,.prev").click(function(){
    if ($('#my_animated_elelement').is(':animated'))
    {
        return false;
    }
})
于 2012-03-27T13:03:14.270 に答える
0

画像onclickのjavascript呼び出しがあると思います。変数MyApp.IgnoreNextPrevClicksを使用して、onclickハンドラーが実行されるかどうかにフラグを立てます。

MyApp={}
MyApp.IgnoreNextPrevClicks=false;
MyApp.PrevClick=function() {
    if(MyApp.IgnoreNextPrevClicks) return;
    //real work goes here
}

ここで、jqueryアニメーターを呼び出す前MyApp.IgnoreNextPrevClicksにtrueに設定し、アニメーションの終了後にfalseに戻します（jqueryアニメーションコールバックを使用）。

于 2010-09-01T14:22:14.780 に答える
0 
function btn() {
   $('#btn').one('click', function(){
     //call your animation function here.

     setTimeout(btn, animation duration);
  });
}
于 2017-08-24T13:17:24.833 に答える
-1 
$('#mybtn').attr("disabled","disabled"); // to Disable Button

$('#mybtn').removeAttr("disabled"); // to Enable Disabled button
于 2010-09-01T14:16:36.580 に答える