CSS를 변경하여 Div가 표시되면 해당 div의 이벤트가 여러 번 발생합니다.

Question

$('nav .show_all').on('click', function() { 
    $('#all_pages'). 
    addClass('active'). 
    css('opacity', 0). 
    animate({ 
     opacity: 1 
    }, 1000); 
    Book.all_pages(); 
    return false; 
}); 



all_pages: function() { 
alert ('test1'); // test here is ok 
$('#slider li').click(function() { 
alert ('test2'); // this test is not ok 
}); 
} 

위의 예는 nav.showall을 클릭하면 div #allpage가 열리는 샘플입니다. 여기서 버그는 사용자가 div를 닫고 다시 열면 함수 실행 수가 div 닫음 수에 영향을줍니다.

예를 들어 사용자가 처음으로 div 상자를 열면 사용자가 div 상자를 열고 닫은 다음 다시 열면 'test'라는 경고 메시지가 표시됩니다. 두 번 'test ' 등등. 이 문제를 해결하는 방법?

Answer 1

자바 스크립트에 전역 변수를 지정하고 개체에 클릭하는 동안 당신이 여기 요구에 따라 추적 할 수 있도록 여기에 카운터 더미 데이터를 증가 :

var i=0; 
function your_function(){ 
    ///....... 
    // your code goes here 
    if (i % 2 == 0) { 
     alert('You Open it :)'); 
    } 
    i++; 
}