한 번의 클릭으로 mouseover

Question

asp 메뉴에서 C# click 이벤트를 발생시키는 간단한 javascript mouseover 이벤트가 있습니다. 정상적으로 작동하지만 menuitem을 입력하면 click 이벤트가 무한정 발생합니다. 한 번만 발사하길 바래.

<script type="text/javascript"> 
$(".div1").mouseover(function() { 
    $(this).click(); 
}) 
.mouseleave(function() { 
    $("#Menu1").remove(); 
    $("#Menu2").remove(); 
    $("#Menu3").remove(); 
}); 
</script> 

Answer 1

두 가지 방법으로이 작업을 수행 할 수 있습니다

첫 번째 방법 :

$(".div1").mouseover(function() { 
    $(this) 
     .click() 
     .off('mouseover'); // Unbind the mouseover once we triggered the click 
}) 

두 번째 방법 - "사실 말이다"을 사용하여 한 번만

$(".div1").one('mouseover', function() { 
    $(this).click(); 
}) 

을 처리하는 이벤트를 트리거하는 바인딩

Answer 2

시도해 볼 수 있습니다.

,

Answer 3

사용 unbind jQuery의 기능 :

var fireClick = function() { 
    $(this).click(); 
    $(this).unbind('mouseover'); 
}; 

$(".div1").mouseover(fireClick) 
.mouseleave(function() { 
    $("#Menu1").remove(); 
    $("#Menu2").remove(); 
    $("#Menu3").remove(); 
    $(this).mouseover(fireClick); 
});