Web サイトで Quicksand プラグインを使用していますが、すべてのアイテムにホバー効果を持たせたいと考えています。なんとかできましたが、フィルタリングが発生するとホバー効果が消えてしまいます。次に、次のアドバイスに従いました。
.click メソッドを使用した jQuery クイックサンド プラグイン
そして私のコードに以下を追加しました:
$("img.on").live({
mouseover:
function() {
$(this).stop().animate({"opacity": "0"}, "slow");},
mouseout:
function() {
$(this).stop().animate({"opacity": "1"}, "slow");}});
$("img.over").live({
mouseover:
function() {
$(this).stop().animate({"opacity": "1"}, "slow");},
mouseout:
function() {
$(this).stop().animate({"opacity": "0"}, "slow");}});
ff では問題なく動作するようですが、ie8 では動作しません。ホバー画像は元の画像の上に表示され、そこから移動しません。mouseover を mouseenter に変更し、mousout を mouseleave に変更すると、少なくともホバーして離れた後にフェードアウトし、期待どおりに動作します。
css経由でceroへのホバーimgの不透明度があります。
私は初心者の間違いを犯した可能性があります。私はjsとjqueryがまったく初めてです。