1

我有一个调用弹出窗口的按钮：

<a id="clearAll" href="#confirmDelete" data-rel="popup" data-position-to="window" data-role="button" data-mini="true"  data-theme="c" data-transition="pop" >Clear Error</a>

<div data-role="popup" id="confirmDelete" data-overlay-theme="a" data-add-back-btn="false" data-theme="c" style="max-width: 400px;" class="ui-corner-all" >
    <div data-role="header" data-theme="a" class="ui-corner-top" data-add-back-btn="false">
        <h1>Clear Log?</h1>
    </div>
    <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
        <h3 class="ui-title">Are you sure you want to delete all the entries in this log?</h3>
        <p>This action cannot be undone.</p>
        <div class="ui-grid-a">
            <div class="ui-block-a">
                <a href="#" data-role="button"data-theme="b">Delete</a>  
            </div>
            <div class="ui-block-b">
                <a href="#" data-role="button" data-rel="back" data-theme="c">Cancel</a>    
            </div>
        </div>
    </div>
</div>

如果调用此页面的链接不包含 data-ajax="false"，则即使使用 data-add-back-btn="false"，弹出窗口也会包含一个后退按钮。如何摆脱按钮？我确实想要主页上的后退按钮，而不是弹出窗口上。

4

1 回答 1

1

好的@Christine，就像我评论的那样，弹出窗口甚至为弹出窗口内的标题提供了不同类型的后退/关闭按钮。但解决方案很简单：将以下内容添加到您的自定义 css 文件中（确保在 jquerymobile css 文件之后引用该文件）：

div[data-role="popup"] div[data-role="header"] .ui-btn {
    display: none;
}

这应该隐藏所有弹出窗口标题栏中的所有按钮。随心定制！

于 2013-11-01T05:56:32.443 回答