bootstrap中怎么關(guān)閉彈出層,相信很多沒有經(jīng)驗(yàn)的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個(gè)問題。
成都做網(wǎng)站、網(wǎng)站制作,成都做網(wǎng)站公司-成都創(chuàng)新互聯(lián)已向上千家企業(yè)提供了,網(wǎng)站設(shè)計(jì),網(wǎng)站制作,網(wǎng)絡(luò)營銷等服務(wù)!設(shè)計(jì)與技術(shù)結(jié)合,多年網(wǎng)站推廣經(jīng)驗(yàn),合理的價(jià)格為您打造企業(yè)品質(zhì)網(wǎng)站。bootstrap怎么關(guān)閉彈出層
默認(rèn)情況下,彈出框在再次點(diǎn)擊指定元素后就會關(guān)閉,你可以使用 data-trigger="focus" 屬性來設(shè)置在鼠標(biāo)點(diǎn)擊元素外部區(qū)域來關(guān)閉彈出框:
<a href="#" title="取消彈出框" data-toggle="popover" data-trigger="focus" data-content="點(diǎn)擊文檔的其他地方關(guān)閉我">點(diǎn)我</a>
如果你想實(shí)現(xiàn)在鼠標(biāo)移動到元素上顯示,移除后消失的效果,可以使用 data-trigger 屬性,并設(shè)置值為 "hover":
<a href="#" title="Header" data-toggle="popover" data-trigger="hover" data-content="一些內(nèi)容">鼠標(biāo)移動到我這</a>
看完上述內(nèi)容,你們掌握bootstrap中怎么關(guān)閉彈出層的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
分享標(biāo)題:bootstrap中怎么關(guān)閉彈出層-創(chuàng)新互聯(lián)
URL地址:http://jinyejixie.com/article4/issoe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、外貿(mào)建站、網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、App設(shè)計(jì)、商城網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容