Vincular elementos de la lista con páginas de roles de datos

Necesito ayuda porque los últimos días lo intenté pero no puedo resolverlo. Creo con un bucle diferentes elementos de la lista. Tiene este formato:

<li><a href="page1"><h3>Page 1</h3><p>Open page 1</p></a></li>

Entonces, puede ver que esta página tiene un href a page1, los otros elementos tienen enlaces a page2, page3 ect.

¿Cómo puedo crear con un bucle en las diferentes páginas con este código?

<div data-role="page1" id="page1">
    <div data-role="content"><p>This is Page 1</p></div>
</div>

Pensé algo como esto, pero esto no funciona:

jQuery(function($) {          
    var b = $('body');           
    for(i=0; i<10; i++)          
    {                    
        $('<div data-role="page1" id="page1"><div data-role="content"><p>This is Page '+i+'</p></div></div>').appendTo(b).page();     
    }    
});

preguntado el 16 de mayo de 11 a las 18:05

Que es esto .page() ¿método? Nunca lo he visto. -

su data-role = "page1" debe ser data-role = "page" ya que la página nunca cambiará. Este es el marcado de jQM para visualización, no navegación -

Entiendo y cambiado, pero cada vez aparece "Error al cargar la página". El href no puede encontrar la página. ¿Podría ser que esto se deba a que la lista se crea primero? -

¿Tiene alguna sugerencia sobre cómo puedo hacer algo como esto de otra manera? -

1 Respuestas

¿Qué tal

        $('<div data-role="page'+i+'" id="page'+i+'"><div data-role="content"><p>This is Page '+i+'</p></div></div>').appendTo(b);     

contestado el 16 de mayo de 11 a las 22:05

No, aparece un error al hacer clic en el elemento de la lista "Error al cargar la página" - mike643

data-role = "page '+ i +'" debe ser data-role = "page" - Phill Pafford

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.