0

フッターに 2 つのボタン、1 つは左側、もう 1 つは右側に配置したいと考えています。

データ位置は固定されていますが、右側のボタンがページビューから少し外れています。

これがコードです。

<div data-role="footer" data-theme="d" class="ui-bar" style="height:30px"  data-position="fixed">       
    <a class="ui-btn-left" data-role="button" data-theme="a" id="approvetm">
            Approve
    </a>

    <a id="sendback" data-rel="popup"  data-theme="a"  class="ui-btn-right" data-role="button" data-inline="true">Send Back</a> 
</div>

上記のコードで何が間違っているのか教えてください.....

4

1 に答える 1

1

jQuery Mobile のドキュメントによると、フッターはボタンの配置に関してヘッダーとは異なります。

ページ フッターは、オプションと構成の点でヘッダーと非常によく似ています。主な違いは、フッターは柔軟性を高めるためにヘッダーよりも構造化されないように設計されているため、フレームワークはヘッダーのように左または右のボタン用のスロットを自動的に予約しないことです。

ただし、これはui-btn-rightスタイル ( right position ) をオーバーライドすることで修正できます。

.ui-footer .ui-btn-right { right: 35px !important }

デモ

于 2013-06-14T14:01:32.013 に答える