获取其单击打开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

它记录在这里

$('#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 
});