基本的 Javascript 用法和初始化

模态对话框组件可以通过 jQuery 实例化,函数为 $('#myModal').modal(options),其中 $('#myModal') 是特定模式对话框的顶级引用,options 是指定模态对话框默认属性的 Javascript 对象。

options 对象允许定义多个属性,这将影响模式对话框的行为方式。这些属性定义如下:

  • backdrop 属性允许用户定义他们是否希望在模式对话框后面出现灰色背景叠加。布尔值和字符串 static 都被识别。如果指定静态,则当用户单击背景叠加时,不会关闭模态对话框。
  • keyboard 属性允许用户定义在键盘上按下转义键时是否要关闭模态对话框。
  • show 属性允许用户定义他们是否希望在初始化模态时出现模态对话框。

以下是基本 Javascript 用法的示例:

$('#carModal').modal({ backdrop: false, keyboard: true, show: false });

与其他 Bootstrap 组件一样,模式的选项也可以通过数据属性在 HTML 中指定。