基本的 Javascript 用法和初始化

模態對話方塊元件可以通過 jQuery 例項化,函式為 $('#myModal').modal(options),其中 $('#myModal') 是特定模式對話方塊的頂級引用,options 是指定模態對話方塊預設屬性的 Javascript 物件。

options 物件允許定義多個屬性,這將影響模式對話方塊的行為方式。這些屬性定義如下:

  • backdrop 屬性允許使用者定義他們是否希望在模式對話方塊後面出現灰色背景疊加。布林值和字串 static 都被識別。如果指定靜態,則當使用者單擊背景疊加時,不會關閉模態對話方塊。
  • keyboard 屬性允許使用者定義在鍵盤上按下轉義鍵時是否要關閉模態對話方塊。
  • show 屬性允許使用者定義他們是否希望在初始化模態時出現模態對話方塊。

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

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

與其他 Bootstrap 元件一樣,模式的選項也可以通過資料屬性在 HTML 中指定。