Bootstrap-CSS wird nicht auf neu dynamisch hinzugefügtes HTML mit JQuery angewendet

8

Ich benutze Bootstrap, um meine Webseite zu gestalten und es funktioniert fast perfekt, aber wenn ich versuche, der Seite mit $ .append () neues HTML hinzuzufügen. dann erhält das neue html nicht den Standard-Bootstrap-Stil. das ist mein relevanter html:

%Vor%

Und das ist mein JQuery:

%Vor%

bearbeiten: Ok ich habe versucht, den Fehler mit der einfachsten möglichen Seite und einem einfachen Anhang zu reproduzieren. hat auch die JS auf "wie @Sherbrow vorgeschlagen, und es funktioniert immer noch nicht ..

Hier ist mein HTML:

%Vor%

mein CSS:

%Vor%

mein JavaScript:

%Vor%

Was mache ich falsch?

Danke für die Antworten:)

    
DanelWolloch 04.10.2012, 19:56
quelle

1 Antwort

2

Es sollte nicht sein, dass das CSS nicht für neu erstellte DOM-Elemente gilt. Dies kann jedoch für JavaScript passieren.

Es gibt ein paar Dinge, die sich in Ihrem Code ändern sollten, ob es das Problem tatsächlich behebt oder nicht:

  • IDs sollen nur einmal verwendet werden. Klassen können wiederverwendet werden. Bitte ändern Sie Ihre line und lines IDs in Klassen, damit Sie mehrere Elemente erstellen und alle unter einem Dach gestalten können.
  • Schwitzen Sie nicht das "oder". JavaScript wird mit beiden gut funktionieren, solange "s nahe" und "nahe" sind.
  • Ich habe bemerkt, dass Sie die Breite der Eingabefelder anpassen. Stellen Sie sicher, dass nicht bereits min-width angegeben ist.

Wenn diese Vorschläge nicht funktionieren, erstellen Sie bitte ein JSFiddle , damit wir das Problem reproduzieren können.

    
Adam Grant 05.10.2012 13:44
quelle