jquery 첫 번째 호버에서만 div를 표시합니다.

Question

'팝업'클래스를 사용하여 div를 만들려고합니다. '팝업'이 5 초 동안 페이드 인하 고 '왼쪽'이 위로 향했을 때 사라지지만 처음에만 유혹.

$(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 1

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

Answer 2

당신이 한 번 모든 .left 요소를 적용 할 경우 ... 지금까지 내 코드입니다 이 방법으로해라. 여기 샘플 코드입니다.

$(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/

Answer 3

당신은 할 수 있습니다 이것은 당신은이 같은 .DATA() 속성의 사용,

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