Bootstrap 3设置单个模式的选项

Bootstrap 3 set options for individual modal

本文关键字：选项 模式 单个 设置 Bootstrap      更新时间：2023-09-26

我的下一段代码试图为我的引导模态设置这些属性但是当我将它放入$(document).ready时当页面加载时模态显示

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

如何设置这些属性而不显示在加载页面上的对话框?

您需要将show设置为false。默认为true，参见这里的选项

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

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

您也可以使用数据属性，如data-backdrop="static"。

这样你就不需要为modal编写任何脚本，除非你需要显式地进行回调。

相关文章：