2015-08-28 64 views
1

我有一個模態內的登錄屏幕。該模態通過菜單中的錨點調用引導模式不顯示在手機上

<a href="#" data-toggle="modal" id="openLoginPopUp" data-remote="/Resources/Widgets/firstloginPopup.htm" data-target="#loginModal">Login</a> 

但是在單獨的移動設備中,模式顯示不正確。在模態中面臨的問題是:

  1. 有時候只顯示模式的頂邊顏色。
  2. 第一個屏幕(來賓登錄顯示),但點擊「使用密碼登錄」時,下一個屏幕顯示爲空白。
  3. 有時甚至客人(第一)屏幕本身變成空白。 但是,屏幕旋轉或屏幕調整後,所有這些錯誤都會消失。

我試着用jQuery改變css,但沒有幫助。除此之外,其他所有模式都可以正常工作。我哪裏錯了,請幫助。

參見:http://stage.cbazaar.com

+1

可能是因爲這其中有很多JS代碼,模式打開,然後白色的屏幕,然後再加載模態JS代碼後,所以基本上加載內容正在做它的工作,所以刪除JS,看看問題是否仍然存在。 – Shehary

+0

請檢查媒體查詢是否有任何干擾,請注意,模態在你的身體中使用'z-index',如果你不知道你是什麼,請不要直接在身體位置用絕對位置和z-index來擺弄其他元素是做。 –

+0

嗨Shehary和丹尼爾,感謝您的回覆, Shehary:真的有很多的.js,但大多數只用於輸入驗證 丹尼爾:就我而言,我們沒有改變位置和z-index 。 據我所知,只要我調試了所有的元素都有完美的顯示塊和隱藏,但這些DIV的高度是0。 – jalilIrfan

回答

0

喜多嘗試後按引導正式照會說

如果提供了一個遠程URL,內容將通過jQuery的load方法加載一個時間和注入。模式內容的div

閱讀命名爲 「遠程Bootstrap official link的選擇!

所以我所做的HTML內嵌而不是調用一個遠程URL