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

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

您的代码将无法工作，因为您在 Bootstrap 绑定(bind)了其所有事件后添加了按钮。因此，当 Bootstrap 添加事件监听器时，它找不到您的按钮，因此不会附加任何事件。我建议你使用js方法来启动模式。

在你的 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/