Question

我正在制作移动网络应用并使用jQuery Mobile。我在底部有一个导航栏，当你单击左键时，弹出窗口显示正确，但是当我使用data-iconpos="notext"时关闭按钮没有正确设置样式。这是我的代码：

    <div data-theme="j" data-role="footer" data-position="fixed">
        <div id="navbar" data-role="navbar" data-iconpos="bottom">
            <ul>
                <li id="navbar-menu-button">
                    <a href="#navbar-popup-menu" data-transition="slideup" data-position-to="window" data-rel="popup" data-theme="j" data-icon="bars" data-overlay-theme="j" data-dismissible="false"></a>

                    <div id="navbar-popup-menu" data-role="popup" class="ui-content">
                        <a id="navbar-menu-close-button" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" title="Close" data-dismissible="false" class="ui-btn-right"></a> 
                        test info
                    </div>
                </li>

                <li id="navbar-info-button">
                    <a href="#navbar-popup-info" data-transition="slide" data-position-to="window" data-rel="popup" data-theme="j" data-icon="info"></a>
                </li>
            </ul>
        </div>
    </div>

正如您在div#navbar-popup-menu中看到的，我有<a>标记，其中包含以下属性： data-role="button"，data-rel="back"，data-icon="delete"，data-iconpos="notext"，data-dismissible="false"和class="ui-btn-right"

除了data-iconpos="notext"和data-dismissible="false"之外，一切正常。按钮图标周围仍然有一个框，不应该在那里，您仍然可以在弹出窗口外单击以关闭它。您可以在此处观看现场演示：DEMO

任何帮助将不胜感激。我一直在努力解决这个问题，因为我有其他按钮正在工作，它们之间没有什么不同可能会导致正在发生的事情。

另外：关闭按钮不起作用

Answer 1

使用jQuery Mobile Popup时，弹出div的父div应为data-role=page或data-role=content。将它放在其他地方会与其他div发生冲突。此外，如果放在data-role=page之外，它将无效。

与Dialog不同，它应放在data-role=page之外。

jquery移动弹出窗口 - 按钮没有正确设置样式与data-iconpos =“notext”，以及其他问题

1 个答案: