jquery off沒有觸發

Question

這段代碼有什麼問題嗎？

$(document).ready(function() { 

    if($("#textbox-id-recipient").val()) { 
     console.log("In"); 


     $(document).on("click", "#textbox-id-recipient", function(event) { 
      addEmail($(this)); 
     }); 

     $('#textbox-id-recipient').trigger('click'); 

     $("#textbox-id-recipient").off("click"); 
    } 

... 
}); 

因此，頁面刷新後，如果文本框有什麼東西，它會觸發點擊事件，觸發「開」事件之一，但它應該後起飛的事件，但不知何故，當我手動點擊文本框，on事件仍然觸發

Answer 1

評論

考慮到這聲明：

$(document).on("click", "#textbox-id-recipient", function(event) { 
    addEmail($(this)); 
}); 

你點擊處理程序綁定到document，當click事件冒泡從哪裏開始點擊一路被調用。

$('#textbox-id-recipient').trigger('click'); 

這將模擬您的元素上的單擊事件;如果事件沒有處理，jQuery會通過父項將元素樹向上展開，直到達到document。

$("#textbox-id-recipient").off("click"); 

即使上面點擊觸發按預期工作，.off()只會看看目前的元素，也就是說，它不會自動執行「泡沫起來」。

替代1

因此，你應該禁用你連接它在相同的元素上單擊處理程序，即：

$(document).off("click", "#textbox-id-recipient"); 

順便說一句，知道標識符必須是唯一的，你可能以及直接在#textbox-id-recipient上附加事件處理程序，除非元素僅在以後添加。

$('#textbox-id-recipient').on('click', function(event) { 
}); 

替代2

另外，如果點擊只能一次處理，使用.one()：

$('#textbox-id-recipient').one('click', function(event) { 
}); 

或者，如果你想使用事件委派：

$(document).one('click', '#textbox-id-recipient', function(event) { 
}); 

Answer 2

將您的事件綁定到元素，而不是文檔。

$('#textbox-id-recipient').on("click", function(event) { 
    addEmail($(this)); 
}); 

$('#textbox-id-recipient').trigger('click'); 

$("#textbox-id-recipient").off("click"); 

Answer 3

嘗試通過使用此代碼刪除處理程序。它應該工作：

$(document).off("click", "#textbox-id-recipient"); 

小提琴這裏：http://jsfiddle.net/yntyF/1/

Answer 4

使用.one()

if($("#textbox-id-recipient").val()) { 
    console.log("In"); 

    $("#textbox-id-recipient").one("click", function(event) { 
     addEmail($(this)); 
    }); 

    $('#textbox-id-recipient').triggerHandler('click'); 
} 

演示：Fiddle