jquery mobile changer dynamiquement pied de page sur plusieurs pages

Question

Pour mon application mobile, j'utilise jquery mobile avec une mise en page multipage (un html, plusieurs pages). J'ai référencé un pied de page sur toutes les pages avec le même identifiant de pied de page. Sur l'une des pages, le texte du pied de page est modifié. Comment propager cette modification à tous les autres pieds de page sur les autres pages de mon application mobile jquery multipage.

<div data-role="page" id="page1"> 
    <header data-role="header"></header>  
     <div class="content" data-role="content"></div> 
    <footer id="myfooter" data-role="footer"</footer> 
    </div> 
    <div data-role="page" id="page2"> 
    <header data-role="header"></header>  
     <div class="content" data-role="content"></div> 
    <footer id="myfooter" data-role="footer"</footer> 
    </div> 
    <div data-role="page" id="page3"> 
    <header data-role="header"></header>  
     <div class="content" data-role="content"></div> 
    <footer id="myfooter" data-role="footer"</footer> 
    </div> 

À la page 2, l'utilisateur choisit une date, et cette date est incluse dans le pied de page page2:

$('#page2').bind('pageshow',function(event){ 
     var infoFooter = '<center>Date: ' + date_footer + '</center>'; 
     $('#myFooter').empty().append(infoFooter); 
    }); 

Comment propager ce changement à tous les pieds de page sur toutes les pages?

Answer 1

Vous devriez être en mesure de mettre à jour tous les éléments d'une page en sélectionnant un autre aspect des éléments (en plus de choisir par ID en utilisant le symbole '#'). L'idée est de choisir en fonction d'un attribut/aspect qu'ils partagent tous, comme une classe que vous leur donnez spécifiquement.

Quelque chose que j'ai trouvé avec succès est de sélectionner des attributs qui « commencent par » quelque chose »qui ressemble à ceci:

$("[id^=myFooter]").empty().append(infoFooter); 

Ce trouverait tous les éléments qui ont une carte d'identité qui commence par" myFooter ". Vous pourriez avoir besoin de vous lier à quelque chose d'autre que # page2 pour le faire fonctionner mais il y a aussi la possibilité qu'il se propage de toute façon. Vous pouvez voir d'autres exemples here de sélection comme ceci.