获取点击打开 Bootstrap Modal 对话框的元素 [英] Get the element whose click opened a Bootstrap Modal dialog

问题描述

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

How do I know which button triggered the opening of a Bootstrap Modal Dialog?

<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 = ???
})

推荐答案

它的文档 here

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

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

As noted in comments, if buttons are dynamically generated we can attach an event listener to document:

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

这篇关于获取点击打开 Bootstrap Modal 对话框的元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！