함수에서 mouseEvent가 다시 호출되면 두 번 발생합니다.

Question

mouseevent 기능이 실행될 때 한 번만 실행하고 싶습니다.

$(document).ready(function() { 
    $("#menu").click(function(){ 
     $('#menu_div').show(); 
     menu_function(); 
    }); 


    $("#menu_close").click(function(){ 
     $('#menu_div').hide(); 
    }); 
}); 

function menu_function(){ 
    $(".select_li").live(
     "click", 
     function() { 
      alert("test"); 
     } 
    ); 
} 

예제에는 메뉴와 메뉴가 두 개 있습니다. 메뉴를 누르면 ui 상자가 표시되고 menu_function을 실행하면 경고 테스트 메시지가 나타납니다. 문제는 menu_close를 클릭하고 상자를 닫은 다음 다시 열면 경고 테스트가 두 번 실행됩니다. 나는 div 상자가 닫히고 다시 열리는 시간이 함수의 불의 시간과 같다고 생각한다. 어떻게 해결할 수 있는가?

언 바인딩을 사용하지 않으려는 경우 더 좋은 해결책이 있습니까?

Answer 1

menu_function()은 알림 테스트 메시지를 발생시키는 것이 아닙니다. 테스트 알림을 발생시키는 "select_li"클래스가있는 모든 DOM에 실시간 클릭 수신기를 추가하는 것입니다. 즉, #menu를 클릭 할 때마다 .select_li에 다른 리스너가 추가되므로 #menu 10x를 클릭하면 .select_li를 클릭 할 때마다 10 명의 리스너가 있어야합니다. 당신이 진정으로 당신이 #menu를 클릭하면 그냥 경고를 표시하려는 경우

, 당신의 menu_function는()는 다음과 같아야합니다

function menu_function() { 
    alert("test"); 
}