如何始终显示 Bootstrap 3 模态？答案

【问题标题】：How to always display Bootstrap 3 modal?如何始终显示 Bootstrap 3 模态？
【发布时间】：2014-07-12 03:55:09
【问题描述】：

Bootstrap 3 modals 默认隐藏。要启动它们，我必须单击触发按钮：

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>

我尝试了以下方法，但没有效果：

jQuery(window).load(function(){
    jQuery('#myModal').modal('show');
});

如何确保我的模态始终显示在屏幕上？即我不希望用户必须通过单击触发按钮来手动显示它。我也不希望他们能够关闭它。我希望它始终保持打开状态。

【问题讨论】：

你想让它下拉还是直接放在那里？
我不确定您是否真的在自己的网站上尝试过，但不要在 jsfiddle 上添加加载事件，因为它已经为您做到了。 jsfiddle.net/PBL5A/3。您的代码应该可以正常工作。
@HattrickNZ 我真的没有偏好。什么更容易？也许让它像默认情况下一样向下滑动？
@Prashank 谢谢 - 这可以解释为什么我没有看到任何效果。 - 在示例中，您链接到用户可以关闭模式
@henrywright 我发布了一个答案，检查它是否适合你；）

【解决方案1】：

这是更新后的小提琴，用户无法关闭模型，但您需要删除关闭按钮的 html 元素，因为这对您的用户来说非常邪恶：P

jQuery(window).load(function(){
    jQuery('#myModal').modal('show').on('hide.bs.modal', function(e){
      e.preventDefault();
    });
});

【讨论】：

【解决方案2】：

docs 中完美描述了您提出的所有问题。

初始化时显示模态。

$("#my-modal").modal({ show : true });

按下退出键时关闭模态框和包括一个模态背景元素。或者，为点击时不会关闭模式的背景。

$("#my-modal").modal({
    backdrop : "static",
    keyboard: false
});

【讨论】：