jQuery事件不适用于动态附加的元素

用户名

我试图将新的DOM对象附加到某些Div上,并且可以正常工作,但是以某种方式-我为这些新附加的对象编写的事件没有响应。这是为什么?

我在这里附上一个简单的示例:单击任何段落后,该段落都应隐藏。但是,对于使用.append添加的段落,它不起作用。

http://jsfiddle.net/xV3HN/

有我的代码:

$(document).ready(function(){

$("#add").click(function(){
     $("#containerDiv").append("<p> I should hide as well if you click me </p>");
  });

 $("p").click(function(){
     $(this).hide();
  });

});
亚历山德罗·米诺切里(Alessandro Minoccheri)

您需要使用.on处理动态元素的事件。
尝试这个:

  $(document).on('click', 'p', function(){
     $(this).hide();
  });

演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

change事件不适用于动态生成的元素-jQuery

来自分类Dev

jQuery click事件不适用于动态添加的元素

来自分类Dev

Click事件不适用于动态生成的元素

来自分类Dev

Click事件不适用于动态添加的子元素

来自分类Dev

jQuery-动态添加的元素不适用于mouseleave,click事件

来自分类Dev

动态元素上的 Jquery 单击事件不适用于变量

来自分类Dev

CSS规则不适用于jquery附加的元素

来自分类Dev

jQuery contextmenu不适用于附加元素

来自分类Dev

jquery datepicker 不适用于附加元素

来自分类Dev

附加 DOM 元素不适用于 jQuery 可选

来自分类Dev

jQuery事件不适用于动态提取的HTML

来自分类Dev

jQuery事件不适用于动态添加的Div

来自分类Dev

jQuery on()不适用于动态添加事件

来自分类Dev

jQuery-on('click')事件不适用于动态对象

来自分类Dev

jQuery事件不适用于动态添加的Div

来自分类Dev

jQuery事件不适用于新创建的元素

来自分类Dev

Jquery 事件不适用于 append() 中的元素

来自分类Dev

jQuery单击功能不适用于动态元素

来自分类Dev

jQuery序列化不适用于动态元素

来自分类Dev

Jquery Change() 不适用于动态注入的元素

来自分类Dev

jQuery事件不适用于id

来自分类Dev

jQuery事件不适用于id

来自分类Dev

jQuery不适用于按钮事件

来自分类Dev

jQuery .on不适用于动态内容

来自分类Dev

点击事件不适用于附加到行尾的标记

来自分类Dev

为什么jquery验证不适用于附加元素?

来自分类Dev

.on('hover')不适用于附加元素

来自分类Dev

css不适用于附加的html元素

来自分类Dev

.submit不适用于附加元素