Navega entre tres páginas en dos archivos diferentes en JQuery Mobile

¿Por qué no puedo navegar desde second.html a la otra página interna # page3?

Soy capaz de navegar desde index.html a second.html. Mi código es como se muestra a continuación:

página index.html

              $(document).on('pagebeforeshow', "#index",function () { $(document).on('click', "#changePage",function () { $.mobile.changePage('second.html', { dataUrl : "second.html?paremeter=123", data : { 'paremeter' : '123' }, reloadPage : false, changeHash : true }); }); });     

First Page

segunda página.html

       
alert("Inside the Second Page"); $(document).on('pagebeforeshow', "#second",function () { //$(document).ready(function(e) { var parameters = $(this).data("url").split("?")[1]; parameter = parameters.replace("parameter=",""); alert(parameter); }); function move(){ alert("moving..."); $.mobile.changePage('#third'); alert("moved !!!"); }

Second Page

alert("Inside Third Page...");
!-- third page-->

En la página second.html también se muestra el segundo mensaje de alerta, pero la navegación de la página nunca ocurre ???. ¿Podría alguien, por favor, decirme qué me estoy perdiendo aquí o estoy haciendo algo mal aquí?

Lamentablemente esto no va a funcionar. Esto es simplemente un inconveniente de usar varias soluciones de plantilla HTML con jQuery Mobile.

Básicamente, si decide trabajar con varias páginas HTML, solo el primer HTML puede tener más de 1 página porque toda la página se cargará en el DOM.

Si se utiliza ajax para cargar páginas (manejo de página predeterminado), cuando se carga el segundo html en el DOM, solo se cargará la primera página, todas las demás páginas, incluida la página HEAD, se descartarán.

Puedes hacer 2 cosas para solucionar este problema:

Solución 1

Deje que su tercera página esté dentro de otro html, por ejemplo third.html .

Solucion 2

Desactivar la carga de la página con ajax. Esto cargará completamente second.html para que pueda cambiar a las páginas internas. Lamentablemente perderá las transiciones de la página.

Al final, si desea encontrar más, eche un vistazo a mi otra respuesta: ¿Por qué tengo que poner todo el script a index.html en jquery mobile?