模態(tài)框開始是隱藏狀態(tài) bootstrap模態(tài)框怎么隱藏?
bootstrap模態(tài)框怎么隱藏?。你對模板繼承的理解是有偏見的。模式框和觸發(fā)按鈕應(yīng)放在一起才能生效。觸發(fā)器按鈕位于基本模板的導(dǎo)航欄上,模式框位于登錄.html在。雖然在登錄.html基本模板的登錄塊
bootstrap模態(tài)框怎么隱藏?
。你對模板繼承的理解是有偏見的。模式框和觸發(fā)按鈕應(yīng)放在一起才能生效。觸發(fā)器按鈕位于基本模板的導(dǎo)航欄上,模式框位于登錄.html在。雖然在登錄.html基本模板的登錄塊被重載,但是您可以呈現(xiàn)其他頁面(例如索引.html)不會加載登錄.html的內(nèi)容。
如果登錄注冊按鈕僅在主頁上(索引.html)可見,放在主頁上。如果它在許多頁面上可見,則需要將其放置在基本模板中。這就引出了第二個問題:如何傳遞form變量?
.由于大多數(shù)頁面繼承基本模板,因此表單變量必須是全局可訪問的。我們可以使用G變量來存儲表單,這樣就不需要在每個視圖中實(shí)例化表單對象。下面的函數(shù)生成login Form變量,該變量可在基本模板中使用。
呈現(xiàn)時,模板中<form>標(biāo)記的action屬性指向登錄視圖的URL,以便在登錄視圖中處理表單驗(yàn)證。
?,F(xiàn)在有了一個表單,您需要考慮驗(yàn)證問題。從上面的屏幕截圖來看,您沒有呈現(xiàn)錯誤消息。另外,由于表單放置在模式框中,如果驗(yàn)證失敗,仍然需要跳轉(zhuǎn)到模式框以顯示錯誤消息。但是bootstrap的模態(tài)盒不能用錨打開,也就是說,它可以直接訪問http://example.com#mymodal-登錄無法打開模式框。用戶需要再次單擊按鈕以查看錯誤消息。
基于以上考慮,您有兩個選擇:
1)使用支持錨打開的模態(tài)盒插件,如remodal。
2)使用Ajax提交表單,接收并呈現(xiàn)錯誤消息。
怎么用jquery判斷bootstarp的模態(tài)框是顯示狀態(tài)還是隱藏?
var modal_uu2;Status=0//默認(rèn)情況下隱藏
$(“#mymodal”)。打開(“顯示bs.modal“,函數(shù)(e){
模態(tài)狀態(tài)=1
})
$(”myModal“).on(”隱藏bs.modal“,函數(shù)(e){
model_uu2;status=0
})
//model_2;引導(dǎo)程序的mode box類提供一些事件,用于偵聽和執(zhí)行您自己的代碼。
事件類型描述顯示bs.modal調(diào)用show方法后,立即觸發(fā)該事件。如果單擊某個元素作為觸發(fā)器,則可以通過事件的relatedtarget屬性訪問該元素。
顯示bs.modal此事件在模式框顯示后觸發(fā)(同時在CSS轉(zhuǎn)換效果完成時觸發(fā))。如果單擊某個元素作為觸發(fā)器,則可以通過事件的relatedtarget屬性訪問該元素。
隱藏.bs.modal調(diào)用hide方法后立即觸發(fā)此事件。
隱藏bs.modal此事件在模式框被隱藏后(以及CSS轉(zhuǎn)換效果完成后)觸發(fā)。
加載bs.modal從遠(yuǎn)程數(shù)據(jù)源加載數(shù)據(jù)后會觸發(fā)此事件。
JS代碼:
$(“#mymodal”)。打開(“隱藏bs.modal,函數(shù)(e){
//做點(diǎn)什么…
})