Phonegap - HTML-Datenausgabe in AJAX

Hallo,

ich bin am herumbasteln bei meiner App, welche ich mit Phonegap erstellen möchte/erstellt habe.

Und zwar hänge ich derzeit fest, wenn ich die Daten von der DB ausgebe, dass diese nicht formatiert sind. Also ich möchte normalen HTML-Code in AJAX ausgeben. Das funktioniert gut bei einer Zeile z.B. wir hier ein Bild ausgeben.

Jetzt möchte ich aber eine ganze Reihe von HTML-Zeilen schreiben bzw. ausgeben, welche auch ID's und Klassen im CSS-File besitzen. Leider werden diese nicht beachtet:

[code]
$.ajax({ // ajax call starts

url: 'salondaten.php', // JQuery loads serverside.php
dataType: 'json', // Choosing a JSON datatype
success: function(data) // Variable data contains the data we get from serverside
{
for (var i in data) {
$('#ausgabe').append('<ul id="rc">');
$('#ausgabe').append('<li id="first">' + data[i].name1 + ' <b>' + data[i].bez1 + '</b></li>');
$('#ausgabe').append('<li id="second">' + data[i].name2 + '<b>' + data[i].bez2 + '</b></li>');
$('#ausgabe').append('<a><li id="third">' + data[i].name3 + '<b>mehr hier...</b></li></a>');
$('#ausgabe').append('</ul>');
}
}
});
[/code]


Der ganze HTML-Teil wird in ein div eingefügt:



Also nochmal zusammengefasst: Die Daten werden alle richtig ausgegeben, wie schaffe ich es nur, dass der ganze HTML-Code so reagiert mit dem CSS, wie er soll?

Danke und lg
Sascha

— geändert am 12.01.2014, 19:37:51

Hier ein kleiner Teil. Ich habe nur einen kleinen Teil des auszugebenden HTML-Code hier gepostet, es sind um einige Zeilen mehr. Ich denke aber, dass dürfte reichen um mein Problem zu lösen. Hier das CSS zu den oben geposteten Codezeilen: