Question

我读过弹出窗口应该在调用它们的锚点的同一页面中;但它如何与多页面一起使用？

我遇到的问题是弹出窗口显示，但其中的元素没有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>

Answer 1

问题是我在文档中调用了popup（）初始化。似乎它搞砸了双重初始化（因为数据角色“弹出”）

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

Jquery Mobile - 没有风格的Popup

1 个答案: