javascript - Bootstrap 模式窗口未关闭

Question

我在 React 应用程序中使用 Bootstrap 模式。我有一个要求，即单击模态背景时模态窗口不应关闭。为此，我正在使用

$(".modal").modal("backdrop":"static");

效果非常好。但在下一个场景中，我希望使用以下代码在单击背景时关闭相同的模式。

$(".modal").modal("backdrop":true);

但这不起作用。

我也尝试过这个

$('#modal').modal('hide');

请提供可行的解决方案。

Answer 1

要关闭 Bootstrap 模式，您可以将“隐藏”作为选项传递给模式方法，如下所示

$('#modal').modal('hide');

Bootstrap 还提供了可以 Hook 到模态功能的事件，例如，如果您想在模态完成对用户隐藏时触发事件，您可以使用 hidden.bs.modal 事件可以在 Documentation 中阅读有关模态方法和事件的更多信息。