1

次のコードを使用していますが、ポインターを画像の上に置くと、オーバーレイとコントロールがちらつきます。私はテストmouseenter()しhover()ましたが、これらでもちらつきます。

$('.image-photo').mouseover(function() {
    $('.image-photo-overlay').show();
    $('.image-photo-controls').show();
});

$('.image-photo').mouseout(function() {
    $('.image-photo-overlay').hide();
    $('.image-photo-controls').hide();
});

ライブデモ:ユーザー未定義のおかげで機能したため、リンクが削除されました

この問題を解決するにはどうすればよいですか?

前もって感謝します。

4

1 に答える 1

1

ラッパー要素を選択できます。要素が表示されると、mouseoutイベントがトリガーされます。

$('.background').hover(function() {
    $('.image-photo-overlay, .image-photo-controls').toggle();
});

他のオプションはCSSpointer-eventsプロパティを使用しています:

.image-photo-overlay, .image-photo-controls {
   pointer-events: none;
}


$('.image-photo').hover(function() {
    $(this).siblings().toggle();
});
于 2013-02-26T01:46:53.477 に答える