jQuery ajax定義的動作

Question

當我通過ajax加載一些內容時，它返回一個jQuery.click事件和一些元素。但是，當ajax內容被加載了幾次，並且我點擊了綁定到.click事件的按鈕時，該動作被執行了幾次。

例如Ajax的內容是：

<script type="text/javascript"> 
$('#click').click(function() { alert('test') }); 
</script> 
<input type="button" id="click" value="click here"> 

如果這是刷新5次，我按一下按鈕，我會得到5個警告框。

是否有解決方法？

Answer 1

您可以使用取消綁定功能，只需點擊之前，像這樣：。

$（ '＃點擊'）解除綁定（ '點擊'）點擊（函數（）{警報（ '測試'） }）;

這應該讓與點擊

Answer 2

jQuery的一個方法相關的只有一個功能取消綁定它被調用後的處理程序：

$('#click').one("click",function() { alert('test') }); 

更多信息： http://docs.jquery.com/Events/one