शीर्षलेख के दाईं ओर बटन जोड़ें

Question

मैं jQuery मोबाइल में अपने शीर्षलेख के दाईं ओर एक आइकन बटन जोड़ना चाहता हूं। मुझे स्वचालित बाएं पोजीशनिंग में परेशानी हो रही है।

यहाँ मेरी शीर्ष लेख है:

<div data-role="header" data-position="inline"> 
    <h1>Resultaten</h1> 
    <a href="#Home" data-role="button" data-icon="home" data-iconshadow="false" 
     data-direction="reverse" onclick="empty()" data-transition="slide" 
     data-iconpos="notext">home</a> 
</div> 

Answer 1

उपयोग class="ui-btn-right" या <a>

<div data-role="header" data-position="inline"> 
    <h1>Resultaten</h1> 
    <a href="#Home" data-role="button" data-icon="home" data-iconshadow="false" 
     data-direction="reverse" onclick="empty()" data-transition="slide" 
     data-iconpos="notext" class="ui-btn-right">home</a> 
</div> 

Answer 2

में एक वर्ग ui-btn-right जोड़ने आप एक से अधिक बटन है कि आप <a> में class="ui-btn-right" का उपयोग कर सही करने के लिए संरेखित करने के लिए चाहते हैं, तो होगा एक दूसरे के शीर्ष पर सभी बटन रखें। इसके बजाय आप बस इसके चारों ओर एक div लपेट सकते हैं और दाईं ओर तैर सकते हैं।

<div data-role="header" data-position="inline"> 
    <h1>Resultaten</h1> 
    <div style="float:right;"> 
     <a href="#Home" data-role="button" data-icon="home" data-iconshadow="false" 
     data-direction="reverse" onclick="empty()" data-transition="slide" 
     data-iconpos="notext" class="ui-btn-right">btn 1</a> 
     <a href="#Home" data-role="button" data-icon="home" data-iconshadow="false" 
     data-direction="reverse" onclick="empty()" data-transition="slide" 
     data-iconpos="notext" class="ui-btn-right">btn 2</a> 
    </div> 
</div> 

Answer 3

1.2+ ver jQuery मोबाइल में एक डेटा विशेषता नहीं है, तो आप data-iconpos="right" उपयोग कर सकते हैं।

<a href="#Home" data-role="button" data-icon="home" data-iconpos="right" data-iconshadow="false" 
    data-direction="reverse" onclick="empty()" data-transition="slide" 
    data-iconpos="notext">home</a> 

Official Documentation