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

Question

我想有条件地关闭bootstrap模态框。如果我使用 $('#modal').modal('hide');这个，我的代码出了点问题。如果我在HTML模板中使用data-dismiss="modal"，则在按钮点击之前应执行实际功能之前执行模态解除操作。

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

Answer 1

您可以使用自动模式关闭行为来执行此操作，该行为使用data-dismiss属性本身或手动模式打开（我猜你当前正在做），订阅hide事件并使用{ {1}}关于此事件。

preventDefault

Demo

Demo2

请参阅Documentation

隐藏事件事件在调用hide实例方法时立即触发，该方法被称为wither方式，这是阻止模式关闭的最佳位置。

Answer 2

制作另一个按钮

<button type="button" class="btn btn-warning btn-lg shiny" data-dismiss="modal" aria-hidden="true">Cancel</button>

此按钮包含data-dismiss="modal"。如果需要，您可以隐藏此内容。

现在您可以自定义方式使用任何其他功能，当您想要隐藏模式时，您可以调用

$(".btn-warning").click();