jQuery如何讓一個事件觸發一次只觸發一次div

Question

這可能是推動jquery的極限。

我想要觸發live（）事件。但我只想讓它使用one（）事件觸發一次。

目前我有代碼打擊。我如何限制這隻能被調用一次。

$(".sub-content").live('click', function() { 
     var id = this.id; 
     $.get("InfoRetrieve", { theid:id }, function(data) { addContent(data, id) }); 
    }); 

Answer 1

有幾種方法可以做到這一點。首先，你可以只使用一個標記：

<div class="sub-content not-loaded">...</div> 

有：

$("div.sub-content.not-loaded").live("click", function() { 
    $(this).removeClass("not-loaded"); 
    ... 
}); 

很明顯，你可以做到這一點的其他方式，以及（添加一個類來標記它已經加載）。我不是100％以上將與live()正確處理這種情況下：

$("div.sub-content.not-loaded").live("click", function() { 
    if ($(this).hasClass("not-loaded")) { 
    $(this).removeClass("not-loaded"); 
    ... 
    } 
}); 

會工作。

或者，您可以解除綁定該事件。

$("div.sub-content").click(load_content); 

function load_content() { 
    $(this).unbind("click", load_content); 
    ... 
} 

我不是100％肯定會與不過live()（如live()可能只是重新綁定）工作。

Answer 2

可以使用die方法：

$(".sub-content").live('click', function() { 
    $(this).die('click'); 
    var id = this.id; 
    $.get("InfoRetrieve", { theid:id }, function(data) { addContent(data, id) }); 
}); 

我從來沒有測試它雖然。