DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> bootstrap模態框跳轉到當前模板頁面 框消失了而背景存在問題的解決方法
bootstrap模態框跳轉到當前模板頁面 框消失了而背景存在問題的解決方法
編輯:關於JavaScript     

這是最近在做個人播客系統出現的一個問題,

場景如下 :

這裡寫圖片描述 

圖中我點擊刪除按鈕之後, 彈出一個模態框讓我選擇是回首頁還是, 上一頁, 下一頁

首頁沒什麼好說的了, 就是直接跳轉, 沒什麼問題

上一頁, 下一頁卻是跳轉到上一篇 或者下一篇, 所有的”文章“都是用的是同一個html模板, 所以頁面沒有重新加載
於是就出現了 上面的問題, 模態框消失了, 但是背景卻沒有消失

對於這個問題, 我在網上找了好一陣子, 但是貌似並沒有相關的問題

1 所以之前我本來是想將這個問題簡單化, 直接"location = prevUrl; location.reload() ", 但是 這樣有感覺不合適, 請求兩次, 對於某些某些沒有緩存的數據 是比較浪費的

所以 後來一直在網上找啊找, 但是沒什麼用…

2 後來嘗試了一下在按鈕的事件 “開始 / 結束” 的地方加上$(“#myModal”).modal({show : true}), / $(“#myModal”).modal({backdrop:false, show : true}) / $(“#myModal”).modal(“hide”) 等等
但是仍然沒有什麼用

3 後來靈機一現, 我何不看看這個存在背景的html 和普通當前頁面的html有什麼改變呢, 說不能就能找到問題所在,, 哼哼 果然如此

go [圖戰開始]

1) 這是頁面正常的時候

這裡寫圖片描述

2) 這裡是模態框出來的時候

這裡寫圖片描述

3) 然後 我點擊了上一頁

相比於原始頁面”1)” 1. 多了一個div, 2. 以及body加上了一個class屬性

這裡寫圖片描述

4) 然後我刪除了div

與上面的頁面的變化在於頁面的那個背景不存在了, 但是我現在鼠標任然不能控制頁面的移動

這裡寫圖片描述

5) 然後我刪除了body的class屬性

遇上一個頁面相比, 我現在能夠動鼠標了, 變回了正常的頁面

這裡寫圖片描述

問題解決

nice, 原來解決掉這兩個地方就可以了啊, fix it !

這裡寫圖片描述

這個問題的真正原因, 我不知道, 也就是為什麼在這種場景下面會產生這種情況

參考 :

1、http://www.jb51.net/article/32590.htm

2、http://www.runoob.com/bootstrap/bootstrap-v2-modal-plugin.html

3、百度知道:如何控制模態窗口提交後,模態窗口關閉,跳轉回主頁面,而不是另開一個頁面?

模態窗口中內嵌一個iframe 在iframe中寫後台代碼, 然後可以用js控制模態窗口的關閉或跳轉

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved