从ajaxContent触发模态

Question

我在网页上进行了实时搜索（正在使用CodeIgniter，jQuery和Bootstrap）。 基本上它的工作原理如下：

1. 输入时会触发AJAX请求
2. 它向一个返回JSON-object
的文件发出请求
3. 成功请求后，它会解析对象
4. 将所有内容解析为表格行

其中一个表格单元格包含一个按钮。 该按钮应该通过javascript打开一个模态窗口。 JS的原因是什么？因为它应该首先执行另一个AJAX请求来填充Modal内容。

然而，它不起作用。它适用于开头已经在页面上的按钮。但我无法在AJAX内容上触发JS。

理想情况下，我希望在单击按钮时触发.click（）事件。

有什么建议吗？

Answer 1

click事件将事件绑定到已经可用的dom元素。

如果您动态地向页面添加元素，那么这些元素将不会包含您已绑定的事件。

相反，您需要将事件处理程序附加到按钮。你可以通过jQuery的.on()函数来完成它。

$(document).on('click', '#newButtonID', function() {
   // Your second ajax call goes here
});