$ .mobile.fixedToolbars.show() ne fait rien

Question

J'essaie de repositionner un pied de page fixe dans jQuery Mobile après avoir caché un élément.

Je l'ai fait un peu de recherche et il semblerait que si j'utilise

$ .mobile.fixedToolbars.show()

alors il devrait essayer de se repositionner tout (according to this anyway).

J'ai essayé de nombreuses approches, y compris $ (window) .resize et $ .updateLayout mais le pied de page ne se repositionne pas.

Quelqu'un at-il une solution? Violon disponible ici: http://jsfiddle.net/YZRj2/2/

Answer 1

D'abord jQM n'a pas besoin de document.ready() alors supprimez-le.

Docs sur les événements de mise en page (UpdateLayout)

• http://jquerymobile.com/demos/1.0rc2/docs/api/events.html

Exemple en direct:

• http://jsfiddle.net/YZRj2/15/

JS:

$('#no_thanks').tap(function() { 
    $('#earn_more').slideUp(function() { 
     $(this).trigger('updatelayout'); 
    }); 
}); 

HTML:

<div data-role="page" id="home" class="main_content"> 
    <div data-theme="b" data-role="header" role="banner"> 
     <h1 class="ui-title">My app</h1> 
    </div> 
    <div data-role="content"> 
     <p class="app_notice" id="earn_more">          
      Tell us more about yourself 

       <a href="#" data-role="button" data-theme="d" data-icon="delete" data-iconpos="right" id="no_thanks">No thanks</a> 
     </p> 

    </div> 
    <div data-role="footer" data-theme="c" data-position="fixed" class="footer"> 
     <div data-role="navbar"> 
      <ul> 
       <li><a href="#" class="ui-btn-active">Home</a></li>      
      </ul> 
     </div> 
    </div> 
</div>