3

情報を表示する 3 つのセクションを持つパネルを作成し、そのために jQuery を使用しています。

FF ではすべてが完全に機能しますが、Chrome では removeClass がアニメーション化されませんが、後で追加される addClass がアニメーション化されます。

フィドルを作成し、FF で試してから Chrome で試して、ホバー アクションのアニメーションの違いを確認してください: http://jsfiddle.net/cqg6r/2/

問題はこの作品にあると思います：

jQuery(this).removeClass("shown", 1000);

しかし、私は一日中掘り下げてグーグルで調べていて、それがどこにあるのか正確にはわかりません.

(私のコードが乱雑である場合はご容赦ください。私は初心者です。また、問題の Web サイトは WordPress で実行されているため、$ の代わりに jQuery を使用しています。)

4

1 に答える 1

2

これにはアニメーションを使用します

ここにjsfiddle リンクがあります

jQuery(document).ready(function(){
  jQuery(".filter1, .filter2, .filter3").hover(function(){
     jQuery(this).stop().dequeue().animate({right:'0'},1000);
  }, function(){
     jQuery(this).stop().dequeue().animate({right:'-380px'},1000);
  });
});
于 2013-09-19T10:46:07.093 に答える