【问题标题】:Error hiding a bootstrap modal隐藏引导模式时出错
【发布时间】:2018-07-03 18:51:19
【问题描述】:

当 ajax 请求成功完成时,我试图隐藏引导模式。模态关闭,但是当我尝试单击按钮(再次显示模态)时,什么也没有发生 - 按钮变得无响应。这就是我正在做的隐藏模态

$('.modal').modal('hide');
$(document.body).removeClass("modal-open");
$('.modal-backdrop').remove();

【问题讨论】:

  • 您只需拨打$('.modal').modal('hide');即可。
  • @StaticBeagle 如果你只调用它,你将有一个背景
  • 'hide' 应该删除背景参见JSFiddle。也许您页面上的某些内容与模式冲突

标签: javascript twitter-bootstrap bootstrap-modal


【解决方案1】:

我认为这不是使用 JavaScript 关闭或显示模式的正确方法。

请参考本文档https://getbootstrap.com/docs/4.1/components/modal/#modalshow

这将指导您如何正确显示或关闭模式。

Bootstrap 具有使用 JavaScript 关闭或显示模式的内置方法。

另外请提及您的引导程序版本。

【讨论】:

    【解决方案2】:

    你只需要使用

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

    修复了在最后一个 js 库中引导 js 导入后引导 js 后没有 js 导入时出现的错误。

    导入文件的结尾

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-02-06
      • 2014-07-03
      • 2015-10-29
      • 2020-07-21
      • 1970-01-01
      • 2015-09-10
      • 2013-03-02
      • 1970-01-01
      相关资源
      最近更新 更多