jQuery mobile不会隐藏弹出div

时间:2012-05-16 11:40:51

标签: forms html5 jquery-ui jquery-mobile

我遇到了jQuery mobile的问题:

我有一个登录按钮,单击时会弹出登录表单,但是当页面加载时,弹出div不会被隐藏...

我尝试了大约一百种不同的方法让它隐藏(通过添加一些jQuery移动属性),但没有任何方法可行。

代码:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>


<a href="#popupLogin" data-rel="popup" data-role="button" data-transition="pop" data-inline="true">Sign in</a>

<div data-role="popup" id="popupLogin" data-theme="a" data-overlay-theme="b" >
    <h3>Please sign in</h3>
    <label for="un">Username:</label>
    <input id="un" type="text" data-theme="a" placeholder="username" value="" name="user" />
    <label for="pw">Password:</label>
    <input id="pw" type="password" data-theme="a" placeholder="password" value="" name="pw">
    <div data-theme="b" aria-disabled="false">
</div> 

有人知道我做错了什么吗? 感谢

1 个答案:

答案 0 :(得分:7)

JQM 1.1.0版本破坏了弹出窗口的功能。你可以试试git版本(不推荐这个想法)

http://code.jquery.com/mobile/latest/jquery.mobile.min.js http://code.jquery.com/mobile/latest/jquery.mobile.min.css