[GELÖST] brauche hilfe bei append()!

[Felicce]

Hallo Liebe Community,

leider weiß ich selber nicht 100% woran es liegt, aber hoffentlich könnt ihr mir helfen! Ich versuche mein Problem so ausführlich zu beschreiben wie möglich..

Vorweg:

Ich benutze jQuery mobile und die dazugehörigen CSS Dateien.
Außerdem Hood.ie, was aber eher nebensächlich ist..

Zu meinem Problem:

Ich lese aus der Datenbank Werte aus und möchte die mittels append() in einen div container schreiben. Das klappt auch wunderbar, wenn ich die Seite dann aber öffne, ist das komplette Design weg.. habt ihr ne Ahnung?

Hier mein HTML code:

<div   id="auftrag-list">
	     <ul data-role="listview" data-inset="true" data-divider-theme="a">
	         <li data-role="list-divider">Reparieren:</li>
		 <li>Auftrag 1</li>
	  </div>

Ich habe hier mal "Auftrag 1" direkt reingeschrieben um euch zu zeigen, wie es eigentlich aussehen sollte...

function(tasks) {
		tasks.forEach( function ( task ) {
		$('#auftrag-list').append('<li>' + task.text + '</li>');
	});
	}

Vorschau wie es momentan aussieht:



"repair3" und "Beamer in l.3.3" werden aus der Datenbank ausgelesen und erscheinen auch, jedoch nicht formatiert.... habt ihr irgendwelche Ratschläge für mich???

Lg Felicce

 

[tsseh]

"repair3" und "Beamer in l.3.3" werden aus der Datenbank ausgelesen und erscheinen auch, jedoch nicht formatiert.... habt ihr irgendwelche Ratschläge für mich???

füge sie in die liste ein und nicht in das div

 

[s4ty]

Zusätzlich musst du danach noch ein $('.deineListview').listview('refresh'); machen.

If you manipulate a listview via JavaScript (e.g. add new LI elements), you must call the refresh method on it to update the visual styling.

 

[Felicce]

soll ich die id in die <ul> einfügen? oder wie meinst du das genau?

habs mal gemacht, dann kommt das raus:



sieht schon etwas besser aus, ist es aber immer noch nicht ganz..

- - - Aktualisiert - - -

super!!! danke euch beiden!!!