Wie manipuliert importierte HTML-Datei mit externen jQuery-Datei?

Question

ich importierte eine HTML-Datei wie unten mit Jquery,

$ ("IncludeInThisDiv. ") Last (" ToBeImported.html.");

Meine ToBeImported.html Datei ist wie unten,

Jetzt will ich die Hintergrundfarbe von testDiv ändern, die können importiert wird in main.html Datei sagen. Dazu habe ich eine js-Datei mit dem Namen main.js in das Projekt eingefügt und diese in die main.html-Datei eingefügt. Und ich habe den richtigen jquery Code geschrieben, um die Hintergrundfarbe von testDiv in der Hauptdatei .js zu ändern, aber das funktioniert überhaupt nicht.

Ich denke, es gibt ein Problem damit.

Hinweis: Ich kann die Farbe aus der Browserkonsole mit dem gleichen jQuery-Code bearbeiten.

Answer 1

Wahrscheinlich ändern Sie divs CSS, bevor es vollständig lädt.

Anruflastfunktion mit vollständiger Handler wie folgt aus:

$(".IncludeInThisDiv").load("ToBeImported.html", function() { 
    $(".testDiv").css("background-color","red"); 
});