如何在引导模式4.0中为按钮添加Click事件

Question

我有一个简单的Modal(Bootstrap 4(。我想为save和cacel按钮添加一些click功能。

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-    labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" id="submit" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" id="cancel"  class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>

我应该如何实现它？据我在文档(Bootstrap的JavaScript模式插件(中所读到的，没有按钮选项。我也试过：

$(document).on( "click", "#submit", function() {
alert("submit click");
});

但是通过任何点击和任何wher(输入，模态，…(的函数调用

问候

Answer 1

如果您只想将事件添加到此模型中的按钮(而不是从其他位置(，只需使用id选择器而不是文档。

$("#exampleModal").on( "click", "#submit", function() {
alert("submit click");
});
$("#exampleModal").on( "click", "#cancel", function() {
alert("cancel click");
});