模式对话框显示之前的 javascript jquery 调用操作

Question

我有一个链接，例如:

<a href="javascript:;" data-toggle="modal" data-target="#modal-dialog" class="my_table" >

我想绑定(bind)将在模式对话框显示之前工作的 jquery 操作。

$(document).on('click','.my_table',function(){
   alert('Execute before!');
})

但模式对话框仍然可见。首先我收到警报，然后是模式对话框。如何让对话框等到警报被关闭/回调处理？请不要建议通过 JQuery 打开对话框，它在当前的 CSS/HTML 模型中不起作用。

Answer 1

创建 JavaScript 函数并在元素点击时调用它。

<a href="#" data-toggle="modal" onclick="callFunc();" class="my_table"></a>
<script>
   function callFunc() {
      alert('Execute before!');
      $('#modal-dialog').appendTo('body').modal('show');
   }
</script>