Jquery의 돔을 버블 화하기

Question

여기 내 문제는 DOM 내에서 버블 링하는 것입니다. 왜냐하면 저는 여러 페이지를 내 페이지 매김 안에 넣었고 클래스 링크를 여러 번 클릭하면 버블이 발생하고 계속해서 같은 파일이로드됩니다. 이 문제를 해결하는 더 좋은 방법을 알고 싶습니다. click 이벤트의 여러 실행을 방지하기 위해

$('.edit').live('click', function(e) { 
    e.preventDefault(); 
    var contentPageID = $(this).attr('id'); 
    $('div.right_content').load('modules/forms/edit/contentpages.php?contentPageID=' + contentPageID); 
}); 

Answer 1

e.stopPropagation(); 

및

return false; 

Answer 2

var b = 0; 

$('.edit').live('click', function(e) { 
    e.preventDefault(); 
    if(b==0){ 
    var contentPageID = $(this).attr('id'); 
    $('div.right_content').load('modules/forms/edit/contentpages.php?contentPageID=' + contentPageID); 
} 
b++; 
}); 

Answer 3

, 처음 이후 unbind가 :

$('.edit').live('click', function(e) { 
    e.preventDefault(); 
    var contentPageID = $(this).attr('id'); 
    $('div.right_content').load('modules/forms/edit/contentpages.php?contentPageID=' + contentPageID); 
    $('.edit').unbind('click'); 
} 

Answer 4

이

시도

$('.edit').live('click', function(e) { 
    e.preventDefault(); 
    var contentPageID = $(this).attr('id'); 
    if($('div.right_content').data("currentPage") != contentPageID){ 
    $('div.right_content').data("currentPage", contentPageID).load('modules/forms/edit/contentpages.php?contentPageID=' + contentPageID, 
    function(){ 
     $('div.right_content').data("currentPage", null); 
    }); 
    } 
});