当我们在bootstrap中使用data-target时回调

Callback when we use data-target in bootstrap

本文关键字：data-target 回调 我们 bootstrap      更新时间：2023-09-26

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

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

一个非常混乱的方法是给每个按钮附加一个onclick事件。有人可以建议我一个更干净的方式来实现这一点，我可能会附加某种事件处理程序的模式?

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

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

可以监听modal show事件:

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

它将在每次调用模态时被调用，从js直接调用和从data属性

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

为按钮添加一个类(例如:myModalButtonsClass)，并为该类添加一个onclick事件，而不是为每个按钮添加一个onclick事件

$(".myModalButtonsClass").click(function(){ 

});
相关文章：