Question

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

这是我用来在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绑定了所有事件后添加了按钮。因此，虽然bootstrap正在添加事件侦听器，但它没有找到您的按钮，因此没有附加事件。我建议你使用js方法启动模态。

在您的JS中

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

这应该有效。我更新了@Himanshu Tyagi小提琴https://jsfiddle.net/p3q9bmf5/1/

使用动态添加按钮启动模态

1 个答案: