jquery - Chrome と Safari でボタンをクリックして画像をスムーズに変更できない

Question

ボタンをクリックすると、jqueryを使用してボタンの画像を切り替えました。このようなもの：

$(".button").click(function() {
   $(".button").html("<img src="...">");
});

すべて正常に動作します。Firefox では、すぐにボタンを変更するだけで、非常に見栄えがします。ただし、Chrome と Safari では、ボタンをクリックすると (または、他の機能を使用してボタンを自動的に更新します。効果的に非常によく似たコード: .html("..."))、基本的に画像を入れ替えると、ボタンが点滅します。そこに空白の瞬間があります。

この問題を解決するためにできることはありますか?

ありがとう

Answer 1

あなたができる..

$(".button").click(function() {
  $(this).fadeOut(800,function(){
    $(this).text("<img src='img.jpeg'>");
    $(this).fadeIn(800);
  })
});