bootstrap js外掛篇——提示框、彈出框、警告框
阿新 • • 發佈:2019-01-02
六、提示框、彈出框、警告框
6.1提示框
6.1.1基本結構
注: 1、提示框的觸發方式和前面介紹的外掛略有不同,不能直接通過自定義的屬性 data- 來觸發,必須得依賴於JavaScript的程式碼觸發
2、同時設定了 data-original-title 和 title 定義提示資訊,那麼 data-original-title 的優先順序要高於 title
6.1.2js觸發
6.1.3 其他自定義data-屬性
6.2彈出框
6.2.1data觸發
6.2.2js觸發
6.2.3 提示框與彈出框的差別
》提示框 tooltip 的預設觸發事件是
》提示框 tooltip 只有一個內容(title),而彈出框不僅可以設定標題(title)還可以設定內容(content)
6.3警告框
6.3.1基本結構
法一
法二
注:法二存在的弊端為,點選關閉按鈕後,#myAlert區域消失,但關閉按鈕仍舊存在
6.3.2js觸發
注:關閉關閉按鈕的父級元素