Bootstrap 3为各个模态设置选项

Question

我有下一段代码尝试为我的bootstrap模式设置这些属性但是当我将它放入$(document).ready时，模式会在页面加载时显示

$(document).ready(function(){
  $('#myModalBug').modal({
      backdrop: 'static',
      keyboard: false
  });
});

如何在没有加载页面上显示对话框的情况下设置这些属性？

Answer 1

$(document).ready(function(){
  $('#myModalBug').modal({
      backdrop: 'static',
      keyboard: false,
      show:false
  });
});

您还可以使用data-backdrop="static"等数据属性。

这样您就不需要为模态编写任何脚本，除非您需要显式回调。

Answer 2

您需要将show设置为false。默认为true，请参阅选项here

  $(document).ready(function(){
  $('#myModalBug').modal({
      backdrop: 'static',
      keyboard: false,
      show: false
  });
});