隐藏它时，将自定义动画添加到Bootstrap模式

Question

我正在尝试在 hide.bs.modal 上解除模态时添加包含动画的css类，但它会立即关闭。有没有办法在 hide.bs.modal 上设置超时然后隐藏模态？

这是我试过的

$('#modal').on('hide.bs.modal', function (e) {
  $('#modal').addClass('unslide-left');
  $('.modal-backdrop').addClass('fade-out');
  setTimeout(function() {
    $('#modal').hide();
  }, 300);
});

由于