我们在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