关闭bootstrap模式而不使用"hide"和"data-dismiss"

Question

我想有条件地关闭bootstrap模态框.如果我使用 $('#modal').modal('hide');它,我的代码就会出错.如果我data-dismiss="modal"在HTML模板中使用模态解除操作,则应在按钮单击时执行实际功能.

那么,有没有其他方法可以关闭bootstrap模式或data-dismiss="modal"在运行时使用的任何想法？

Answer 1

您可以使用自动模态关闭行为来执行此操作,该行为使用data-dismiss属性本身或手动模式打开(我猜您当前正在进行),通过订阅hide事件并使用preventDefault事件.

$('yourmodalselector').on('hide',function(e){
   if(yourConditionNotToCloseMet){
      e.preventDefault();
   }
});

演示

DEMO2

见文档

当调用hide实例方法时,会立即触发hide事件事件,该方法被称为wither方式,这是防止模式关闭的最佳位置.