您好,登錄后才能下訂單哦!
bootstrap中怎么關閉彈出層,相信很多沒有經驗的人對此束手無策,為此本文總結了問題出現的原因和解決方法,通過這篇文章希望你能解決這個問題。
bootstrap怎么關閉彈出層
默認情況下,彈出框在再次點擊指定元素后就會關閉,你可以使用 data-trigger="focus" 屬性來設置在鼠標點擊元素外部區域來關閉彈出框:
<a href="#" title="取消彈出框" data-toggle="popover" data-trigger="focus" data-content="點擊文檔的其他地方關閉我">點我</a>
如果你想實現在鼠標移動到元素上顯示,移除后消失的效果,可以使用 data-trigger 屬性,并設置值為 "hover":
<a href="#" title="Header" data-toggle="popover" data-trigger="hover" data-content="一些內容">鼠標移動到我這</a>
看完上述內容,你們掌握bootstrap中怎么關閉彈出層的方法了嗎?如果還想學到更多技能或想了解更多相關內容,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。