如何始终显示Bootstrap 3模式?

时间:2014-05-22 22:39:31

标签: javascript jquery css twitter-bootstrap twitter-bootstrap-3

默认情况下隐藏

Bootstrap 3 modals。要启动它们,我必须单击一个触发按钮:

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

JSFiddle

我尝试了以下但是没有效果:

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

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

2 个答案:

答案 0 :(得分:7)

您提出的所有问题都在docs。{/ p>中有详细描述

显示在屏幕上

  

初始化时显示模态。

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

我不希望他们能够关闭它

  

按下退出键时关闭模态   和   包括模态背景元素。或者,为a指定static   在点击时不关闭模态的背景。

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

答案 1 :(得分:0)

以下是用户无法关闭模型的更新小提琴,但您需要删除关闭按钮的html元素,这对您的用户来说非常邪恶:P

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

http://jsfiddle.net/95Vf7/2/