Javascript 使用动态添加的按钮启动模式

我试图用动态添加的按钮触发模态，但单击事件不起作用

下面是一个代码示例，我使用它在带有jquery的表中添加按钮

var button = "<button data-original-title='View' type='submit' data-hover='tooltip' data-placement='top' title='' data-toggle='modal' data-target='#properties" + property['_id'] + "' class='btn btn-default'><img src='images/home-icon.svg' height='20' width='20'></button>"

---

您的代码无法工作，因为您在引导绑定了所有事件后添加了按钮。因此，当引导程序添加事件侦听器时，它找不到您的按钮，因此没有附加任何事件。我建议您使用js方法来启动modal

在您的JS中

$('body').on('click', '#properties-table td:last-of-type button', function(){
  $($(this).data("target")).modal("show");
}

---

这应该行得通。我已经更新了@Himanshu Tyagi fiddle

您的代码无法工作，因为您在引导绑定了所有事件后添加了按钮。因此，当引导程序添加事件侦听器时，它找不到您的按钮，因此没有附加任何事件。我建议您使用js方法来启动modal

在您的JS中

$('body').on('click', '#properties-table td:last-of-type button', function(){
  $($(this).data("target")).modal("show");
}

---

这应该行得通。我已经更新了@Himanshu Tyagi fiddle

你使用的是什么版本的引导程序？@Harry Bomrah v3.3.5你能给我们看看模态div代码吗？我已经设置了一个虚拟JSFIDLE，您的代码可以工作，请检查：@Himanshu Tyagi hi我看到您的代码可以工作，我使用您的简单测试模式测试了我的代码，但仍然无法工作，因此问题会更加严重：（发布你的整个相关代码片段。包括html。你使用的是什么版本的引导？@Harry Bomrah v3.3.5你能给我们看模态div代码吗？我已经设置了一个虚拟JSFIDLE，你的代码可以工作，检查一下：@Himanshu Tyagi hi我看到你的代码可以工作，我用你的简单测试模态测试了我的代码，但仍然不能工作，所以问题就解决了这一点要深刻得多：（发布你的整个相关代码片段。包括html。我理解你，也看到你的代码可以工作，但当我尝试对页面加载模式中添加的记录立即打开和关闭，而对于动态添加的记录，它仍然不起作用。也就是说，我们的代码存在严重错误，需要更深入的分析我理解你，我也看到你的代码是有效的，但当我尝试对页面加载模式中添加的记录立即打开和关闭，而对于动态添加的记录，它仍然不起作用。也就是说，我们的代码存在严重错误，需要更深入的分析