Das ist meine Projektstruktur:Import HTML-Datei für gemeinsame Header kann nicht gelesen <head> und relativ JavaScript- und CSS-Quellen
Ich mag den gemeinsamen Header importieren (top.html) in allen neuen Seiten, aber ich weiß nicht warum, wenn ich top.html einschließe, importiert es Kopf nicht Verbindung mit CSS und JS Quelle (extern).
Wenn ich direkt top.html ausführen, funktioniert es perfekt und kann CSS und JS-Quelle lesen.
Dies kann an einem falschen Pfad liegen.
Zum Beispiel innerhalb top.html Sie verwenden relative Pfade wie
<script src="/script.js" />
die automatisch SITE_URL umfassen wird + "app/views/common/script.js". Hier ist der richtige Weg.
aber nach
include '../app/views/common/top.html'
verwendet, wird es Datei script.js auf "/ app/views/home /" Weg, der nun falschen Pfad ist zu suchen.
Um dieses Problem zu lösen, können Sie Pfad für js und CSS-Datei in PHP definieren und absoluten Pfad verwenden.
Beispiel:
<script src="<?=SITE_PUBLIC_PATH?>/script.js" />
Sie haben einen Punkt, das Problem war der Pfad für die Quelle js und css der top.html. Ich habe es mit dem Tag
Update Ihre Frage ein und fügen Sie Ihren Code .. – scaisEdge
Die Include-Funktion werden Ihre relative Pfade zu Assets beheben. –