0

私は自分のウェブサイトでこのコードを使用しています：

$(document).ready(function(){

  $('.title').click(function() {
    $('.info').slideUp(800);
    $('.title').removeClass('flip');
    $(this).parent('div').find('.info').slideDown(800);
  });

  $('li.active').closest('.info').slideDown(800);
});

私が自分のコンピューターでテストしたどのブラウザーでも、アニメーションは非常にびくびくしています。js-fiddleでチェックすると、アニメーションは非常にスムーズです。何が起こっていますか？

これがjs-fiddle-linkです。

4

1 に答える 1

0

フィドルリンクでスムーズに動作します。しかし、あなたがコード化したことがあなたが望んでいることであると確信していますか? 通話が積み上げられているため、物事が順不同で行われているように見える場合があります。

各アニメーションが終了した後にコールバックを行うことを検討したい場合があります。つまり:

$('.info').slideUp(800,関数(){

//...do work in here (i.e. remove classes, proceed with other animations/slides);

});

于 2012-11-26T19:25:32.143 に答える