Question

我有一个类似的链接：

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

我想绑定在模态对话框显示之前工作的jquery动作。

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

但模态对话框仍然可见。首先我得到警报，然后是模态对话。如何使对话框等待警报closed/callback处理完毕？请不要建议通过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>

Answer 2

也许你必须处理模态秀事件：

$(document).ready(function() {
  $('#myModal').on('shown.bs.modal', function() {
      alert('Execute before!');
  })
});

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

2 个答案: