Ich verwende jQuery Mobile und erstelle zurzeit ein Menü im laufenden Betrieb mit dem folgenden Code. Ich muss jetzt als nächsten Schritt aktuelle Seiten für Menüelemente erstellen. Ich habe bei jQuery Mobile gesucht undDynamische Seitenerstellung und denke, das ist etwas, was ich verwenden könnte, um dies zu erreichen. Ich habe die Dokumente zur dynamischen Seitenerstellung gelesen und verstehe nicht, wie ich dies in meinen aktuellen Code einfügen kann oder ob es für das, was ich erreichen möchte, richtig ist.

Wenn Sie unten sehen, dass ich die ID und den Seitennamen usw. bereits beim Erstellen der Menüausgabe für die Homepage habe, kann mir jemand ein Beispiel zeigen, wie ich jetzt die mit jquery für diese Menüelemente erforderlichen HTML-Seiten dynamisch erstelle? Vielen Dank.

$.each(siteData["pages"], function(i,v) {
             $.mobile.activePage.find('[data-role=content]').append('' +
                     '<a href='+ v["id"] + ' data-role="button">' + v["name"] + '</a>').trigger('create');

            // NOW I HAVE THE MENU LETS CREATE THE ACTUAL PAGES INSIDE HERE TOO
         });

Aktuelle Markup-Menüelemente, die in der Navlist erstellt wurden:

<div data-role="page" id="index">
    <div data-theme="a" data-role="header">
    </div>

    <div data-role="content" class="navlist">
    </div>

    <div data-role="footer">
    </div><!-- /footer -->
</div>

Jetzt muss ich für jeden Artikel das Markup für jeden Artikel mit jquery generieren.

UPDATE: also auf Vorschlag habe ich so etwas ausprobiert, aber es funktioniert nicht.

 $.each(siteData["pages"], function(i,v) {
     $.mobile.activePage.find('[data-role=content]').append('' +
             '<a href='+ v["id"] + ' data-role="button">' + v["name"] + '</a>').trigger('create');



     // Prepare your page structure
     var newPage = $("<div data-role='page' id=v[id]><div data-role=header>" +
             "<a data-iconpos='left' data-icon='back' href='#' data-role='button' " +
             "data-rel='back'>Back</a><h1>Dynamic Page</h1></div><div data-role=content>Stuff here</div></div>");

    // Append the new page info pageContainer
                 newPage.appendTo($.mobile.pageContainer);

    // Move to this page by ID '#page'
                 $.mobile.changePage('#'+v["id"]);


 });