javascript - 获取点击打开 Bootstrap Modal 对话框的元素

Question

我如何知道哪个按钮触发了 Bootstrap 模态对话框的打开？

<a href="#" data-toggle="modal" data-target="#myModal">
    Button 1
</a>  
<a href="#" data-toggle="modal" data-target="#myModal">
    Button 2
</a>

Javascript

$('#myModal').on('shown.bs.modal', function () {
  var triggerElement = ???
})

Answer 1

其记录 here

$('#myModal').on('shown.bs.modal', function (event) {
     var triggerElement = $(event.relatedTarget); // Button that triggered the modal
});

编辑:如评论中所述，如果按钮是动态生成的，我们可以将事件监听器附加到文档:

$(document).on('shown.bs.modal', '#myModal', function (event) {
     var triggerElement = $(event.relatedTarget); // Button that triggered 
});