removeAttr（'id'）清除#id，但點擊仍然有效

Question

我有<div id="SocialInteract">

$('#SocialInteract').click(function() {

$('#SocialCount').load('sc.php');
$('#TeacherAttendance').removeAttr('id');
});

當我查看InspectElement時， #id已刪除，但仍然需要單擊。 我做錯了什么？

Answer 1

由於該事件已附加到TeacherAttendance元素，因此您的click事件仍然會觸發。

如果要分離click事件，則應使用off（）或unbind（） ：

$('#TeacherAttendance').off('click');
$('#TeacherAttendance').unbind('click');

Answer 2

刪除id不會刪除已附加的click事件。 使用unbind()方法刪除附加事件。

$('#TeacherAttendance').unbind("click");

編輯：

您應該使用off()作為它的更新對象。 unbind()仍然存在以實現向后兼容

$('#TeacherAttendance').off('click');

相關問題： 在jQuery中刪除事件處理程序的最佳方法？

Answer 3

您將事件綁定到DOM元素，然后刪除ID，但事件已注冊。

使用off或unbind或將全局變量設置為turnoff / remove / doNothing。

Answer 4

.click()只是附加而忘記了。 不管該元素是否發生任何變化。

因此，您必須手動取消綁定事件。

.unbind('click');

Answer 5

要使事件綁定具有動態性，請將其攻擊document並等待其冒泡：

$(document).on('click', #SocialInteract', function() {

$('#SocialCount').load('sc.php');
$('#TeacherAttendance').removeAttr('id');
});

這樣，事件便被注冊到document節點：如果在具有該ID的元素上觸發了click事件，則它將觸發。 如果沒有，它不會。