코드는 한 번만 실행되지만 계속해야합니다.

Question

아래 코드는 마우스 오버 또는 버튼을 사용하면 팝업이 닫히지 않도록해야하지만 다시로드 할 때 한 번만 작동하고 작동을 멈추게해야합니다.

$('.popover3-test').popover({ 
    placement:'bottom', 
    template: $('.popover2'), 
    trigger: 'manual', 

    }).mouseenter(function(e) { 
    $(this).popover('show'); 

    var t = null; 

    $(".popover2, .popover3-test") 
     .mouseleave(function() { 
      t = setTimeout(function() { 
       $('.popover2').hide(); 
      }, 1000); // Or however many milliseconds 
     }) 
     .mouseenter(function() { 
      if(t !== null) 
       clearTimeout(t); 
     }); 
    }); 

데모 : http://jsfiddle.net/MnpWV/1/

Answer 1

이 시도 :

$(".popover2, .popover3-test") 
     .mouseleave(function() { 
      $('.popover2').delay(1000).fadeOut('1000'); 
     } 
}); 

http://jsfiddle.net/MnpWV/8/

갱신 :

$(".popover2").hover(function(e) { 
    $(this).show() 
}, function() { 
    $('this').delay(1000).fadeOut('1000'); 
}) 

,818,321 0

이벤트를 발생시키는 .popover3-test을 제거하십시오.