javascript - 在 bootstrap 中使用 data-target 时的回调

Question

我正在使用单页应用程序，有一些按钮可以通过数据目标打开此模式。

当这个“MODAL”通过任何按钮点击在屏幕上打开时，我需要点击一个 API。 (有多个按钮可以打开此模式)

一种非常困惑的方法是为每个按钮附加一个 onclick 事件。谁能建议我一种更简洁的方法来完成此操作，我可以在其中将某种事件处理程序附加到模态？

这是我的问题的凌乱解决方案

<a data-target="#SomeModal" data-toggle="modal" href="#">
<button class="btn btn-success btn-lg" onclick="function_api_call();">
Click me</button>
</a>

Answer 1

您可以收听模态显示事件:

$('#SomeModal').on('show.bs.modal', function (e) {
    // do something...
})

每次调用模态时都会调用它，来自直接js调用和来自数据属性

供引用( Bootstrap 模式事件列表):http://getbootstrap.com/javascript/#modals-events