jquery - jQuery animate opacity が Safari 内で機能しない

Question

jQuery animate opacity は、Safari とうまく連携したくありません。何らかの理由で CSS 内で不透明度を直接設定しても問題ありません。しかし、jQuery animate を使用しようとすると機能しません。アイデア/既知の問題はありますか?

SVG タグを直接編集していますが、他のブラウザでは動作しますが、safari に問題があるようです

Answer 1

アニメーションの前にjQueryで不透明度を設定します。

$("#offerd_desc li").css('不透明度', '0');

Answer 2

これから

$("#offerd_desc li").css('opacity', '0');

不透明度 INSTANT を 0 に設定します。animation(); を使用します。

$("#offerd_desc li").mouseover({
    $(this).stop().animate({opacity:0.5},500);
});

$("#offerd_desc li").mouseout({
    $(this).stop().animate({opacity:0.5},500);
});

アニメーションを行う前に stop() を使用してください。そうしないと、すばやくホバーするとちらつきが発生します。200 ～ 500 ミリ秒などの速度を使用することを強くお勧めします。そうしないと、アニメーションに時間がかかります。

Answer 3

これは私にとってはうまくいきます：Fiddle HERE

$('div').hover(function(){
$(this).animate({opacity:0.5},1000);
});​