jQuery的移动弹出窗口不显示时从标题链接

我想创建一个使用jQuery手机的网页，我的网站的一部分包括一个登录功能，我试图显示登录窗体在页面上的弹出窗口。链接到弹出窗口的按钮位于页面的标题中。jQuery的移动弹出窗口不显示时从标题链接

我的问题是，当我点击登录按钮的弹出窗口不会显示：/

我试图从div删除ui-selectmenu-hidden类，但是，导致弹出只要没有jQuery的风格显示页面加载。

我知道我有没有page或header数据角色工程，我测试了另一份文件确切的代码没有这些divs的代码。

这里是竟然放弃了我的问题的代码：

<div data-role="page"> 
    <div data-role="header"> 
     <h1>Hello World!</h1> 
     <a href="#popupLogin" data-rel="popup" data-position-to="window">Open Popup</a> 
    </div> 
</div> 

<div data-role="popup" id="popupLogin" data-theme="b" class="ui-popup-container ui-selectmenu-hidden popups" data-overlay-theme="a"> 
    <form id="loginForm"> 
     <input type="text" placeholder="Username..." /> 
     <input type="text" placeholder="Password..." /> 
     <input type="button" value="Login" data-theme="b" /> 
     <p>New to The Social Network?</p> 
     <input type="button" value="Register here" /> 
    </form> 
</div>

这里任何帮助，将不胜感激。我可能在某个地方犯了一个愚蠢的错误，但是对于我来说，我找不到它。

来源

2014-10-18 Jamie McAllister

如果只能从这一页访问弹出窗口。将data-role =“page”div内的popup div移动到与页眉/内容/页脚相同的级别。

如果你想在几个页面访问登录表单，保持标记的是，但在文件准备初始化窗口小部件并提高内容添加脚本：

$(function(){ 
    $("#popupLogin").enhanceWithin().popup(); 
});

DEMO

来源

2014-10-18 13:37:23 ezanker

jQuery的移动弹出窗口不显示时从标题链接

回答

相关问题