課程
/前端開發
/Bootstrap
/玩轉Bootstrap(JS插件篇)
<div class="modal show">
直接讓其顯示,為什么按關閉和X,關不掉模態彈出框
2016-08-24
源自:玩轉Bootstrap(JS插件篇) 1-4
正在回答
用js來做:
$("#模態框id").modal("show"); ?//顯示模態框
$("#模態框id").modal("hide"); ?//隱藏模態框
關不掉是因為權限太低了
.show?{ ????display:?block?!important; }
你一開始給類為“.modal”的元素賦上權限最高的block
當你點擊close時,它只是在行內樣式設置為 none;然而權限太低了,除非你在關閉的時候,也給賦上權限最高的none。
即?display:?none?!important;
類名show的樣式為 .show{display:block !important;} 聲明了它的優先級,已經把關閉和X的樣式覆蓋掉(去掉這個類名就好了)。
陳小曉 提問者
舉報
帶領大家學習怎么使用JS自由控制Bootstrap中提供的組件
2 回答模態彈出框--JavaScript觸發時的參數設置
1 回答模態彈出框--JavaScript觸發時的參數設置(二)
1 回答模態框回顯數據
1 回答手動啟動模態框出錯
3 回答模態框位置
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-02-23
用js來做:
$("#模態框id").modal("show"); ?//顯示模態框
$("#模態框id").modal("hide"); ?//隱藏模態框
2016-09-17
關不掉是因為權限太低了
你一開始給類為“.modal”的元素賦上權限最高的block
當你點擊close時,它只是在行內樣式設置為 none;然而權限太低了,除非你在關閉的時候,也給賦上權限最高的none。
2016-08-24
類名show的樣式為 .show{display:block !important;} 聲明了它的優先級,已經把關閉和X的樣式覆蓋掉(去掉這個類名就好了)。