jquery - jqueryは最初のホバーでのみdivを表示します

Question

クラス「ポップアップ」でdivを作成しようとしています。これは5秒間フェードインし、「左」にホバーするとフェードアウトしますが、ホバーしたのは初めてです。これまでのところ、これが私のコードです…</p>

$(document).ready(function() {
var i = 1;
if (i == 1) {
    $('.left').hover(function() {
    $('.popup').fadeIn(1000); 
    }, 
    function() {
        $('.popup').fadeOut(1000);  
    });
    i++; 
}; 
});

Answer 1

$('.left').one('mouseenter', function() {
    $('.popup').fadeIn(1000); 
})
.one('mouseleave', function() {
    $('.popup').fadeOut(1000);  
});

Answer 2

これですべての.left要素を1回適用する場合は、次のように.data（）プロパティを使用できます。

$(document).ready(function() {     
    $('.left').hover(function() {
        if ($(this).hasData("hovered_once")==false) {
            $('.popup').fadeIn(1000); 
            $(this).data("hovered_once")=="yes";
        }
    }, 
    function() {
        $('.popup').fadeOut(1000);  
    });
}); 

Answer 3

この方法でできます。ここにサンプルコードがあります。

$(document).ready(function() {
  var i=1;
  $('.left').on({
        mouseenter: function (e) {
             if(i<2)
             {
              $('.popup').fadeIn(1000); 
                 i++;
             }
        },
        mouseleave: function (e) {
            $('.popup').fadeOut(1000);  
        }
    });

});​

サンプルデモ

http://jsfiddle.net/mediasoftpro/ZtWru/7/