我正在尝试为我获得的新元素动态添加javascript并通过ajax添加到页面中。因此,我可以使用 createElement("script") 和 appendChild 为页面上已有的元素动态添加 javascript,但对于我刚刚通过 ajax 添加的新元素,这似乎不起作用。有什么建议可以实现吗?
顺便说一句,我使用 .innerHTML += 而不是 appendchild 为每个元素添加新的 DOM 元素,因为有很多新元素。这有关系吗?
谢谢。
我正在尝试为我获得的新元素动态添加javascript并通过ajax添加到页面中。因此,我可以使用 createElement("script") 和 appendChild 为页面上已有的元素动态添加 javascript,但对于我刚刚通过 ajax 添加的新元素,这似乎不起作用。有什么建议可以实现吗?
顺便说一句,我使用 .innerHTML += 而不是 appendchild 为每个元素添加新的 DOM 元素,因为有很多新元素。这有关系吗?
谢谢。
最好借助像jQuery这样的框架。
在 jQuery 的帮助下,跟踪和处理动态添加的 DOM 元素的工作变得微不足道:
$.(document).on("click","#MyElement",function(){ //do stuff });
祝你好运!
而不是动态添加 javascript,您应该<script>
在标题中的部分中留出专用函数或作为单独来源的文件。添加元素后,您应该添加调用这些专用函数的事件处理程序,而无需动态添加 javascript。
假设您已将内容加载到一个名为的容器中,id="container"
您可能想使用类似的选择器
$("#container img")
获取元素并设置事件处理程序。
这是一个例子:http: //jsfiddle.net/PTcw8/5/