ユーザーが画像のギャラリーのいずれかにカーソルを合わせたときにトリガーされるポップアップを一度表示しようとしています(class="notice"
)。試してみ.one()
ましたが、これは役に立ちますが、現在、メッセージはギャラリー内のすべての画像に対して 1 回表示されています。ユーザーがたまたま最初にホバーした画像に、すべての画像に対して一度だけ表示したいと思います。
私が試したこと:
*.first
と.get(index)
、しかし、これらの方法では、1 つの画像のみを指定する必要があります。任意の画像を機能させたい.removeClass('.notice')
onmouseleave
ですが、jQuery は古い DOM を見ているため、機能しません。
これが私のコードです:
$(document).ready(function(){
$('.notice').one('mouseenter', function() {
$('.popup').fadeIn(1000);
$(this).addClass('faded');
})
.one('mouseleave', function() {
$('.popup').fadeOut(1000);
$(this).removeClass('faded');
});
});