examples - La página externa desaparece durante la actualización-jquery mobile

jquery mobile themes

Question

Estoy desarrollando una aplicación móvil jquery que carga páginas externas en un div haciendo clic en un enlace,

las páginas externas que llamo en el div también tienen enlaces a otras páginas.

cuando hago clic en estos enlaces a otras páginas y uso el enlace posterior ("javascript:history.back()") para volver

la página anterior que tenía la página externa, la página externa desaparece a menos que haga clic en el enlace que llama a la página externa para cargar

la página otra vez Estaba pensando si probablemente se trataba de un script que podría almacenar en caché la página cargada, así que cuando uso el

volver enlace ("javascript:history.back()") para volver otra vez, encuentro la página allí.

aquí el script que uso para cargar la página externa:

$(document).ready(function() {
    $(''.newsclick'').on(''click'', function(event) {
        $(''#headline_container'').load(''news/headlines.asp'');

    });
});

HTML

<div data-role="page" id="news">
  <div data-role="header">
    <h1>News</h1>
  </div>
  <div id="headline_container" data-role="content">Content</div>
  <div data-role="footer">
    <h4>Footer</h4>
  </div>
</div>

Answer 1

Las páginas externas se eliminan de DOM cuando navega a otra página. Si desea mantener en caché las páginas externas , agregue data-dom-cache="true" a page div.

<div data-role="page" id="news" data-dom-cache="true">