Pulsante Aggiungi al lato destro dell'intestazione

Question

Vorrei aggiungere un pulsante icona sul lato destro della mia intestazione in jQuery mobile. Ho problemi con il posizionamento automatico sinistro.

Ecco la mia intestazione:

<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

Usa class="ui-btn-right" o aggiungere una classe ui-btn-right in <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

Se si dispone di più pulsanti che si desidera allineare a destra utilizzando il class="ui-btn-right" in <a> volontà posiziona tutti i pulsanti uno sopra l'altro. Invece puoi semplicemente avvolgere un div intorno a esso e fluttuare a destra.

<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

C'è un attributo di dati in jQuery Mobile ver 1.2 +, è possibile utilizzare 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