jquery mobile ändern dynamisch footer auf multipage

Question

Für meine mobile app verwende ich jquery mobile mit mehrseitigen Layout (ein HTML, mehrere Seiten). Ich habe eine Fußzeile auf allen Seiten mit derselben Fußzeilen-ID referenziert. Auf einer der Seiten wird der Fußzeilentext geändert. Wie kann ich diese Änderung auf allen anderen Seiten meiner mehrseitigen jquery Mobile App auf alle anderen Seiten übertragen?

<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> 

Auf Seite 2, wählt der Benutzer ein Datum, und dieses Datum wird in der Fußzeile von page2 enthalten:

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

Wie diese Änderung auf allen Seiten alle Fußzeilen propagieren?

Answer 1

Sie sollten in der Lage sein, alle Elemente auf einer Seite zu aktualisieren, indem Sie einen anderen Aspekt der Elemente auswählen (abgesehen von der Auswahl durch die ID mit dem Symbol "#"). Die Idee ist, basierend auf einem Attribut/Aspekt, den sie alle teilen, auszuwählen, wie beispielsweise eine Klasse, die Sie ihnen speziell geben.

Etwas, das ich auch erfolgreich gefunden haben, ist auf Attribute zu wählen, dass ‚etwas‘ ‚mit beginnen‘, die wie folgt aussieht:

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

Dies würde alle Elemente finden, die eine ID haben, die mit "beginnt myFooter ". Sie müssen möglicherweise an etwas anderes als # page2 binden, damit es funktioniert, aber es besteht auch die Möglichkeit, dass es sich beliebig verbreitet.

Sie können andere Beispiele here der Auswahl wie folgt sehen.