2

ユーザーが画像のギャラリーのいずれかにカーソルを合わせたときにトリガーされるポップアップを一度表示しようとしています(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'); 
    });
});
4

1 に答える 1