Dynamisch bevölkert jQuery Mobile Listview Elemente mit jQuery.tmpl nicht jQuery mobile Stile

Question

Ich habe eine jsfiddle meines Problems erstellt. Here is a link to the jsfiddle. Ich nehme an, dass dies für jemanden, der Jquery Mobile verwendet hat, eine gute Menge ist.

Ich benutze jquery mobile in Kombination mit jquery.tmpl. Grundsätzlich, wie Sie aus dem Beispiel sehen können, nehme ich mein JSON-Objekt und übergebe es an den .appendTo-Aufruf. Es scheint korrekt zu sein mit der Vorlage, um die <li> 's

zu erstellen. Das Problem ist die dynamisch erstellte <li>' s nicht die JQM Stile wie die, die ich dort in der Mark up hatte.

Ich habe ein paar Stunden damit zugebracht und die meisten Leute sagen, dass $("dynamicContentHolder").listview("refresh"); oder $("dynamicContentHolder").listview(); oder beides zusammen das Problem beheben wird. Laut JQM-Dokumentation (LINK) sollte ich für das pageInit-Ereignis verbindlich sein, so dass dieses jedes Mal aufgerufen wird, wenn die Seite direkt oder mit Ajax-Nav geladen wird. Nach JQM sowie (LINK) sollte ich .listview('refresh') verwenden, um das Styling der neu hinzugefügten <li> zu aktualisieren.

Es scheint wie der Code funktionieren sollte, nicht sicher, was ich vermisse.

Answer 1

Ich hatte einen duh Moment, ich fand den Fehler 2 Minuten nachdem ich eingereicht habe. Mein jQuery Selektor war falsch $("#dynamicContentHolder").listview("refresh");