带有动态添加按钮的启动模式

Question

我正在尝试使用动态添加的按钮触发模式，但单击事件不起作用。

这是一个代码示例，我用它在 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>"

当我想启动警报但不知道如何触发模式时，下面的脚本可以工作

$('body').on('click', '#properties-table td:last-of-type button', function(){
   alert('fdsfasdf')
})

Answer 1

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

在你的 JS 中

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

这应该可行。我已经更新了@Himanshu Tyagi fiddle https://jsfiddle.net/p3q9bmf5/1/