Jqueryモバイルでのデフォルトの動作をオーバーライドして、ヘッダータイトルを左に揃えて同じフォーマットを維持する方法を知っていた人はいないでしょうか。私はそれを整列させるように見えることはできません。ここでは、私が持っているものです。Jqueryモバイルヘッダータイトルの整列
<div class="ui-body-x" data-role="header" data-position="fixed">
<div class="ui-grid-x">
<h1 class="ui-link">Add New Record</h1>
<div data-type="horizontal" style="top:5px;position:absolute;float:right;z-index:10;display:inline;" align="right" class="ui-btn-right">
<a href="www.google.com" data-role="link" data-icon="settings" data-ajax="false">Cancel</a>
<a href="www.google.com" class="ui-btn-up-x" data-role="button" data-icon="" data-ajax="false">Submit</a>
</div>
</div>
</div><!-- /header -->
は今、これは成功し、左側に上ヘッダを移動しますが、テキストは同じフォーマットを保持しません。それは巨大になり、間隔はすべて間違っています。誰かがヘッダを整列させて何らかの成功を収めましたか?前もって感謝します。
申し訳ありませんが、これは問題の場合です。私は今、ネイティブのモバイルアプリケーションからWebに移行しています...
トリックはしましたか?なぜそれが以前にはうまくいかなかったのか本当にわからない。助けてくれてありがとう。 – gabaum10
このように変更すると常に神経質になり、テスト対象のJQMのいずれかのレイアウトに悪影響を及ぼします。十分に安全に見え、うまくいく! –
これらのスタイルをCSSクラスに入れるためのアドバイスに従えば、値の後ろに '!important'を追加するか、JQMがマークアップを強化するときに上書きされます。例: '.page-title-left {text-align:left!important; margin-left:10px!important;} ' – Ignitor