JqueryのDOMをバブリング

Question

ここで私が知っている問題は、ページ内に複数のページがあり、編集クラスのリンクを複数回クリックすると、連続して同じファイルがバブルしてロードされるためですこれを解決するより良い方法を知りたい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

この

0123をお試しください

$('.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); 
    }); 
    } 
});