0

要素がクリックされたときに (transitioning など) クラスを追加し、1 秒待ってからそのクラスを変更する必要があります (finish-transitioning など)。

私はこれを試しました:

$(this).addClass('transition').delay(1000).addClass('active');

更新 - 以下が機能しないのはなぜですか? addClassアラートのコメントを外すと、アラートが正しい時間に発生し、removeClass無視されることがわかります。

$('.target').click(function() {

    $(this).addClass('transition'); 

    $('.target').not(this).removeClass('active transition');

    setTimeout(function(){  
        $(this).removeClass('transition');
        $(this).addClass('active');
        //  alert('test');
    },300);

});
4

2 に答える 2

6
$('p').css('color', 'red').delay(1000).queue(

function (aaa)
{
   $(this).css('color', 'green');
   $(this).dequeue(); //<---- or  aaa();  , will work also
}).Continue...

例: http: //jsbin.com/ocOkIfA/2/edit

ここで jquery を見てください:

ここに画像の説明を入力

デフォルトでは、ディレイを追加できるキューは FX のみです。

css prop の設定はアニメーションではないため、キューを使用していません。

それが私たちがしたことです。

于 2013-11-07T15:08:17.503 に答える