html5 bootstrap模態(tài)框怎么實(shí)現(xiàn)打開(kāi)一個(gè)其他的網(wǎng)頁(yè)?
bootstrap模態(tài)框怎么實(shí)現(xiàn)打開(kāi)一個(gè)其他的網(wǎng)頁(yè)?單擊按鈕彈出模式框。使用a標(biāo)簽。在tag屬性中,數(shù)據(jù)目標(biāo)使用#ID,屬性為#URL,如下所示<A data toggle=“modal”a=“遠(yuǎn)
bootstrap模態(tài)框怎么實(shí)現(xiàn)打開(kāi)一個(gè)其他的網(wǎng)頁(yè)?
單擊按鈕彈出模式框。使用a標(biāo)簽。在tag屬性中,數(shù)據(jù)目標(biāo)使用#ID,屬性為#URL,如下所示
<A data toggle=“modal”a=“遠(yuǎn)程.html“CLACLA級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)數(shù)據(jù)數(shù)據(jù)目標(biāo)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)數(shù)據(jù)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)級(jí)詘詘詘詘詘詘詘詘詘詘詘詘詘詘。
在官方網(wǎng)站介紹中,與開(kāi)放界面相關(guān)的屬性如下:Dashen help
如果提供了遠(yuǎn)程URL地址,則通過(guò)jQuery的加載方法加載內(nèi)容并注入到。模態(tài)體。如果您使用的是數(shù)據(jù)屬性API,還可以使用標(biāo)簽指定遠(yuǎn)程數(shù)據(jù)源
您要說(shuō)的是模式框。只需參考bootstrap框架,了解如何使用模態(tài)框
~]。你對(duì)模板繼承的理解是有偏見(jiàn)的。模式框和觸發(fā)按鈕應(yīng)放在一起才能生效。觸發(fā)器按鈕位于基本模板的導(dǎo)航欄上,模式框位于登錄.html在。雖然在登錄.html基本模板的登錄塊被重載,但是您可以呈現(xiàn)其他頁(yè)面(例如索引.html)不會(huì)加載登錄.html的內(nèi)容。
如果登錄注冊(cè)按鈕僅在主頁(yè)上(索引.html)可見(jiàn),放在主頁(yè)上。如果它在許多頁(yè)面上可見(jiàn),則需要將其放置在基本模板中。這就引出了第二個(gè)問(wèn)題:如何傳遞form變量?
.由于大多數(shù)頁(yè)面繼承基本模板,因此表單變量必須是全局可訪問(wèn)的。我們可以使用G變量來(lái)存儲(chǔ)表單,這樣就不需要在每個(gè)視圖中實(shí)例化表單對(duì)象。下面的函數(shù)生成login Form變量,該變量可在基本模板中使用。
呈現(xiàn)時(shí),模板中<form>標(biāo)記的action屬性指向登錄視圖的URL,以便在登錄視圖中處理表單驗(yàn)證。
?,F(xiàn)在有了一個(gè)表單,您需要考慮驗(yàn)證問(wèn)題。從上面的屏幕截圖來(lái)看,您沒(méi)有呈現(xiàn)錯(cuò)誤消息。另外,由于表單放置在模式框中,如果驗(yàn)證失敗,仍然需要跳轉(zhuǎn)到模式框以顯示錯(cuò)誤消息。但是bootstrap的模態(tài)盒不能用錨打開(kāi),也就是說(shuō),它可以直接訪問(wèn)http://example.com#mymodal-登錄無(wú)法打開(kāi)模式框。用戶需要再次單擊按鈕以查看錯(cuò)誤消息。
基于以上考慮,您有兩個(gè)選擇:
1)使用支持錨打開(kāi)的模態(tài)盒插件,如remodal。
2)使用Ajax提交表單,接收并呈現(xiàn)錯(cuò)誤消息。