jQuery对话框关闭回调转换为Bootstrap模式

时间:2017-02-02 00:46:43

标签: jquery twitter-bootstrap-3

我有这个旧的jQuery对话框函数,我想重写它以使用Bootstrap模式。特别是关闭回调。看来(对我而言)Bootstrap没有这样的东西。当我用hide函数替换它时,模态会立即打开和关闭。我正在使用Bootstrap v4-alpha。

的jQuery

jQuery("#myDialog").dialog({
    close: function () {    
    jQuery("#myDialog").html('');
  }
});

自举

jQuery("#myDialog").modal({
 // What can I add here to replicate jQuery's close callback?
});

1 个答案:

答案 0 :(得分:0)

当您触发模态时使用引导程序,您可以附加事件侦听器。

所以当你触发:

$('#myDialog').modal('toggle'); // or 'show'/'close'

使用事件侦听器来附加回调

$('#myDialog').on('show.bs.modal', function (e) {
  // Fire a function when the modal opens
})

此处的文档https://v4-alpha.getbootstrap.com/components/modal/#events