Question

我有一个包含2个标签的网页和一个更新的<div id="content">区域。单击选项卡时，jquery执行AJAX调用，该调用从数据库中检索相关数据并将其插入<div id="content">。使用jquery生成内容，主要使用$("#content").append('whatever...')。这很好。

问题是当我尝试单击从原始jquery调用创建的按钮时。它不起作用。我假设这是因为我的jquery脚本在生成这个html代码之前加载了，对吗？

所以，我的问题是，如何让我生成的内容与我的jquery脚本一起使用？

我猜我有可能创建2个div：然后使用jquery隐藏/显示相关的div。这是一个可能的解决方案还是有更标准的方法？

额外信息：

Wordpress网站
$wpdb用于数据库交互
使用wp_enqueue_script()将我的jquery脚本排入队列

感谢：）

Answer 1

$(staticParent).on('click', dynamicChild, function() {});

所以

$("#bar").on('click', function(){
    $("#foo").append("<input type='button' />");
});
$("#foo").on('click','input', function(){
    alert('Hello World');
});

<p id="bar">Klik Me!!</p>
<div id="foo"></div>

https://jsfiddle.net/adgx7e35/

在AJAX调用之后，下一个AJAX调用不起作用

1 个答案: