jQuery单击不适用于动态创建的项目
jQuery单击不适用于动态创建的项目
提问于 2012-02-28 23:01:26
我有一段jQuery，它遍历给定div( #container)中的每个元素，并在每次单击某个跨度时发出javascript警报。如果<span>是静态的，则可以很好地工作。
但是，如果我使用如下代码：
$(someLink).click(function(){
$("#container").html( <new html with new spans> )
});jQuery代码不会启动。奇怪的是，
我的问题是:我的Click事件不适用于动态创建的项目，有什么原因吗？我假设我将不得不在我的文档中添加一些准备好的东西或心跳脚本(每100毫秒触发一次)来挂接事件？？
回答 6
Stack Overflow用户
发布于 2012-02-28 23:06:45
试试像这样的东西
$("#container").on('click', 'someLinkSelector', function(){ $("#container").html( <new html with new spans> ) });基本上，您需要从DOM的非动态部分附加事件，以便它可以监视动态创建的元素。
Stack Overflow用户
发布于 2014-06-21 12:39:32
您必须将单击事件添加到exist元素。不能向动态创建的dom元素添加事件。如果你想给它们添加事件，你应该使用".on“将事件绑定到一个已存在的元素。
$('p').on('click','selector_you_dynamic_created',function(){...});.delegate也应该可以工作。
Stack Overflow用户
发布于 2012-02-28 23:04:55
$("#container").delegate("span", "click", function (){
alert(11);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9484295
复制相关文章
相似问题