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 に答える