Jquery मोबाइल हेडर शीर्षक

Question

संरेखित करना बस सोच रहा है कि क्या कोई जानता है कि 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 --> 

अब यह सफलतापूर्वक हेडर को बाईं ओर ले जाता है, लेकिन पाठ समान प्रारूप नहीं रखता है। यह बड़ा हो जाता है और अंतराल सभी गलत है। क्या किसी ने हेडर को संरेखित करने में कोई सफलता छोड़ी है? अग्रिम में धन्यवाद।

क्षमा करें अगर यह कोई नोब प्रश्न है। मैं अभी मूल मोबाइल एप्लिकेशन से वेब पर जा रहा हूं ...

Answer 1

शीर्षलेख में चीजों का निपटारा करने के तरीके को देखते हुए, वे शीर्षक के लिए बटन और टेक्स्ट-एलाइन के लिए पूर्ण स्थिति का उपयोग करते हैं। आप बाईं ओर पाठ संरेखित और बाएँ बटन की स्थिति निम्न प्रकार बदल सकते हैं (जाहिर है आप ठीक ढंग से classstyle के बजाय विशेषताओं की स्थापना करके इस लक्ष्य को हासिल होना चाहिए):

<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

केवल एक चीज आप करने के लिए है अपने एच 1-टैग को एक div-tag में लपेटना है जो div डेटा-role = "header" नहीं है। आपका कोड इस तरह दिखना चाहिए ...

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

आप संरेखित क्योंकि div कि h1 टैग लपेटकर है jQuery को निष्क्रिय पाठ की जरूरत नहीं है। के बाद से सभी तरह से करने के लिए किया जाएगा पाठ करने के लिए कुछ मार्जिन देने के लिए छोड़ दिया है तुम सब करने की है सीएसएस जोड़ने के लिए और इस तरह दिखना चाहिए है ...

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

आप बाईं में कुछ बाईं मार्जिन दे देंगे कि ।