0

在一个视图中,我有一个无序列表来显示绑定到用户下拉选择的元素。这些列表元素是根据服务器响应动态附加的。

HTML 看起来像:

<div id = "element_list_parent">
  <ul id = "element_list">

  </ul>
</div>

这些元素都有mouseover,mouseoutclick事件通过

$("#element_list").on("$event", "img.image_class", function(e){
  //do stuff for event
});

有时,服务器返回一个空查询。在那种情况下,我有

$("#element_list").remove();
$("#element_list_parent").html("<div class = 'empty_message'>No Results</div>");

我发现,如果我选择了一个没有要附加到“element_list”的项目的选项,然后选择了一个包含许多附加项目的选项,则委托事件将不起作用。

是否可以在保持绑定到它的相同委托事件的同时删除/读取元素?

仅供参考,我使用的是 jQuery 1.9。

4

1 回答 1

0

不要将侦听器绑定到您偶尔删除的父元素,而是绑定到始终存在的那个,在您的示例中它是#element_list_parent

你可以去:

var events = "mouseenter mouseleave click";

$("#element_list_parent").on(events, "img.image_class, .empty_message", function(e){
  //do stuff for event
});

如果您需要识别事件到元素:

$("#element_list_parent").on(events, "img.image_class, .empty_message", function(e){

    if(e.target.className=='image_class'){
         // do something for images
    }else{
         // do else for .empty_message DIV
    }

});
于 2013-09-09T21:53:36.350 回答