css nicht angewendet werden, um html-Elemente mit jQuery .append()
So, ich weiß, dies ist wahrscheinlich schrecklichen Programmierstil, aber ich bin ein wenig in Zeitdruck, und im Grunde habe ich einen tag in meinem code, und bei Klick auf eine Schaltfläche auf dem Bildschirm, ich werde versuchen zum Anhängen einer Reihe von code, der in das div. Aber ich habe bemerkt, zwei Dinge. Man, meine anderen javascript stürzt ab, es sei denn, der angehängte code ist alles auf einer Linie, und zwei, mein css-Stylesheets nicht angewendet werden, um den code, obwohl ich schon zugeordneten Klassen. Hier ist der relevante code:
$("#results").append("<ul class='sdt_menu'>");
for(i=0; i < progression[max].length;i++)
{
$("#results").append(
"<li><a href='#'><img src='images/youAreHere.jpg' alt=''/><span class='sdt_active'></span><span class='sdt_wrap'><span class='sdt_link'>"+progression[max][i]+"</span><span class='sdt_descr'>hover to view description</span></span></a><div class='sdt_box'>"+jobs[progression[max][i]]['description']+"</div></li>");
}
$("#results").append("</ul>");
Jede Hilfe zu entmystifizieren, dies würde sehr geschätzt werden.
- Können Sie nach ein Turnschuh?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Wenn Sie hängen, sollten Sie anfügen eine ganze, komplette, geschlossene tags. Es funktioniert nicht wie ein stringbuilder-Objekt. Versuchen Sie stattdessen so etwas wie:
In Ihrer aktuellen code, sobald Sie die
<ul>
wird es automatisch geschlossen, indem der browser (denn es ist unmöglich, nicht geschlossene tags in den DOM -) und dann Ihre<li>
Hinzugefügt werden, um#results
zu. Oder zumindest, Sie würde, wenn es legal zu einer<li>
ein Kind ein<div>
.Stattdessen, Sie brauchen, um hängen Sie Ihre
<li>
Elemente der<ul>
, nicht zu#results
:Versuchen Sie dies: