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

回答

相关问题