Javascript 在引导中使用数据目标时回调

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

当这个“模式”通过任何按钮点击打开屏幕时，我需要点击一个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>

---

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

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


});

---

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

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

每次调用模式时，都会从直接js调用和数据属性调用它

---

供参考（引导模式事件列表）：

jQuery:

$（'.btn.btn success'）。在（'click'，function\u api\u call'）上您可能希望尝试“show.bs.modal”而不是“show.bs.modal”。通过使用show，它允许通过返回false来取消模式弹出窗口（例如，如果API调用失败）。