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的移動彈出窗口不顯示時從標題鏈接

回答

相關問題