移动模式未在移动

时间:2015-08-28 11:34:17

标签: jquery html css twitter-bootstrap

我在模态中有一个登录屏幕。该模态通过菜单中的锚点调用

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

但仅在移动设备中,模态显示不正确。模态面临的问题是:

  1. 有时仅显示模态上边距颜色。
  2. 第一个屏幕(访客登录显示),但点击&#34;使用密码登录&#34;下一个屏幕显示为空白。
  3. 有时甚至客人(第一)屏幕本身也变成空白。 但是一旦旋转屏幕或调整屏幕,所有这些错误都会消失。
  4. 我尝试用jQuery更改css但它没有帮助。除此之外,所有其他模态都正常工作。我哪里出错了请帮忙。

    参考:http://stage.cbazaar.com

1 个答案:

答案 0 :(得分:0)

嗨经过多次尝试,按照自助官方说明

  

如果提供了远程URL,将通过jQuery的加载方法一次加载内容并将其注入.modal-content div

阅读名为&#34; 远程&#34;的选项Bootstrap official link

所以我已经将html内联而不是作为远程URL进行调用