从 ajaxContent 触发模态答案

【问题标题】：Trigger Modal from ajaxContent从 ajaxContent 触发模态
【发布时间】：2013-11-30 00:59:22
【问题描述】：

我在网页上进行了实时搜索（正在使用 CodeIgniter、jQuery 和 Bootstrap）。基本上它是这样工作的：

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

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

理想情况下，我希望看到它在单击按钮时触发 .click() 事件。

有什么建议吗？

【问题讨论】：

可以把你的相关代码放在这里吗？
似乎解决问题的最佳方法是，经过长时间的在线研究，将其发布到 Stack Overflow。五次点击后，解决方案出现在 Google 上……我发现了这个：forum.jquery.com/topic/…。我替换了 $('.loopje').click(function(){ .. }); by $('#existing_parent_element').on('click', '.loopje', function(){ .. });
您也可以在ajax请求的成功回调上触发click事件，但我认为下面的答案是最好的

【解决方案1】：

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

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

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

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

【讨论】：