基本的 Javascript 用法和初始化
模態對話方塊元件可以通過 jQuery 例項化,函式為 $('#myModal').modal(options)
,其中 $('#myModal')
是特定模式對話方塊的頂級引用,options
是指定模態對話方塊預設屬性的 Javascript 物件。
options
物件允許定義多個屬性,這將影響模式對話方塊的行為方式。這些屬性定義如下:
backdrop
屬性允許使用者定義他們是否希望在模式對話方塊後面出現灰色背景疊加。布林值和字串static
都被識別。如果指定靜態,則當使用者單擊背景疊加時,不會關閉模態對話方塊。keyboard
屬性允許使用者定義在鍵盤上按下轉義鍵時是否要關閉模態對話方塊。show
屬性允許使用者定義他們是否希望在初始化模態時出現模態對話方塊。
以下是基本 Javascript 用法的示例:
$('#carModal').modal({ backdrop: false, keyboard: true, show: false });
與其他 Bootstrap 元件一樣,模式的選項也可以通過資料屬性在 HTML 中指定。