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

Question

我有这个旧的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?
});

Answer 1

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

因此，当您触发时：

$('#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