Jquery 向html元素添加和删除事件处理程序

我的页面由菜单和主体组成，它们都有div。当页面打开时，我使用“on”方法将div元素添加到事件处理程序中，一切正常。但可以使用ajax重新加载正文。我知道body上的div不起作用，我想向它添加事件处理程序。 我尝试了几件事，但主要的问题是，当我向div添加事件处理程序时，它也会添加到菜单中的div元素。当我点击菜单时，div事件触发两次。我试图使用这样的结构

$('.div-element').off().on('click', function(){///});

但这没有任何效果。 请给点建议

$(document).on('click','.div-element', function(){///});

试一试

试一试

试一试

---

试一试

由于

主体

是使用

ajax

重新加载的，以确保将附加到

div的
事件
保留在
主体
中，因此应该使用
jQuery的
。例如：

$('body').on('click', 'div', function(event){
//code for event handler
})

这将确保添加到
div的
事件
即使在
主体
重新加载后也会被保留。
由于
主体
是使用
ajax
重新加载的，为了确保保留附加到
div的
事件
在
主体
内部，您应该使用
jQuery的
。例如：

$('body').on('click', 'div', function(event){
//code for event handler
})

这将确保添加到
div的
事件
即使在
主体
重新加载后也会被保留。
由于
主体
是使用
ajax
重新加载的，为了确保保留附加到
div的
事件
在
主体
内部，您应该使用
jQuery的
。例如：

$('body').on('click', 'div', function(event){
//code for event handler
})

这将确保添加到
div的
事件
即使在
主体
重新加载后也会被保留。
由于
主体
是使用
ajax
重新加载的，为了确保保留附加到
div的
事件
在
主体
内部，您应该使用
jQuery的
。例如：

$('body').on('click', 'div', function(event){
//code for event handler
})

这将确保添加到
div的
事件
即使在
主体
重新加载后也会保留。
尝试以下操作：

$('body').on('click','.div-element', function(){///});

试试这个：

$('body').on('click','.div-element', function(){///});

试试这个：

$('body').on('click','.div-element', function(){///});

试试这个：

$('body').on('click','.div-element', function(){///});

最好使用delegation^^^他所说的->
$（document）
最好使用delegation^^^他所说的->
$（文档）
最好使用delegation^^^他所说的->
$（文档）
最好使用delegation^^^他所说的->
$（文档）