Jquery Mobile - 沒有風格的Popup

我讀過的彈出窗口應該位於調用它們的錨點的同一頁面上;但是它如何與多頁面一起使用？Jquery Mobile - 沒有風格的Popup

我遇到的問題是，彈出窗口顯示，但它裏面的元素是不能風格jquerymobile風格，他們似乎平淡...

這工作：

<body> 
    <a onclick="$('#categoriesPopup').popup('open');" data-role = "button">Open</a> 
    <div data-role="popup" id="categoriesPopup" class="ui-content"> 
     <ul data-role="listview"> 
      <li>Weapons</li> 
      <li>Shields</li> 
      <li>Armor</li> 
     </ul> 
    </div> 
</body>

這沒有按」將不起作用：

<body> 
    <div data-role="page" id = "title" data-title="Troria"> 
     <a onclick="$('#categoriesPopup').popup('open');" data-role = "button">Open</a> 
     <div data-role="content"> 
      <div data-role="popup" id="categoriesPopup" class="ui-content"> 
       <ul data-role="listview"> 
        <li>Weapons</li> 
        <li>Shields</li> 
        <li>Armor</li> 
       </ul> 
      </div> 
     </div> 
    </div> 
</body>

來源

2013-12-21 Slash

我看不出有任何區別：http://jsfiddle.net/FaFhz/，http://jsfiddle.net/FJRbs/檢查並張貼代碼^^ – ProGM

我的休息發現問題！我有這個上似乎它不喜歡雙初始化（？） – Slash

看起來很高興知道它 – ProGM

的問題是，我是在調用的的document.ready彈出（）初始化，好像它搞砸了與雙初始化（因爲數據角色「p opup「）

<script> 
$(document).ready(function(){ 
    $("#categoriesPopup").popup(); 
}); 
</script>

來源

2013-12-21 02:37:10 Slash

接受您自己的答案來解決它^^ – ProGM

如果您使用JQM 1.4並且彈出窗口是外部的，則您的解決方案正確。如果您使用的是舊版本，則不正確。彈出窗口應該被放置爲頁面div的子節點。 – Omar

我正在使用JQM 1.3.2，看起來像在第一個代碼示例中，它將body作爲基本頁面，因此它可以工作。無論如何，我正在尋找更正確的第二個例子。 – Slash

Jquery Mobile - 沒有風格的Popup

回答

相關問題