Jquery mobile üstbilgisi başlığının hizalanması

Question

Sadece JQuery cep telefonundaki varsayılan davranışı nasıl geçersiz kılacağını bilerek, Başlık başlığını sola hizalayıp aynı biçime sahip olmasını sağlayın. Onu hizaya getiremiyorum.

<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 --> 

şimdi bu başarıyla sola üzerinde kafayla taşır, ancak metin aynı biçimi tutmaz: İşte ne var. Büyük büyür ve boşluk tamamen yanlıştır. Başlığı hizalayan herhangi bir başarı oldu mu? Şimdiden teşekkürler.

Eğer bu bir noob soruysa özür dilerim. Şimdi yerel mobil uygulamalardan web'e geçiyorum ...

Answer 1

Başlıklara yerleştirilen şeylere bakıldığında, düğmeler için mutlak konumlandırma ve başlık için metin hizalaması kullanırlar.

<div data-role="header" data-position="fixed" > 
    <h1 style="text-align:left; margin-left:10px;">Page title</h1> 
    <a href="www.google.com" data-icon="delete" style="left:auto; right:120px;">Cancel</a> 
    <a href="www.google.com" data-icon="check" data-theme="b">Submit</a> 
</div><!-- /header --> 

Answer 2

Eğer gereken tek şey: (düzgün class yerine style özelliklerini ayarlayarak bunu başarmak gerekir tabii) Sen sola metni hizalama ve aşağıdaki şekilde sol düğmenin konumunu değiştirmek h1 etiketinizi div data-role = "header" olmayan bir div etiketine sarmaktır. Kodunuz

<section id="firstpage" data-role="page"> 
    <div data-role="header"> 
     <div> 
     <h1>Grade Calculator</h1> 
     </div> 
    </div><!-- end data-role = header --> 
</section> 

Sen h1-tag tamamlıyor div jQuery devre dışı bırakır çünkü hizaya metne gerek yok ... Bu gibi görünmelidir. tüm yol olacaktır çünkü metne bazı marjı vermek yapmanız gereken tüm

[data-role="header"] h1 { 
    margin-left: 10px; 
} 

sol bazı sol marjı verecektir Yani ... CSS eklemek için ve bu gibi görünmelidir olduğunu bıraktı .