Problem mit der Verwendung von Jquery, um einen Link mit einem relativen Pfad anzufügen

Question

Sorry für diese sehr grundlegende Frage, und das ist mein erster Zeitbeitrag. Ich versuche, die folgende Jquery zu jeder HTML-Seite in einem Projekt zu verknüpfen:

$(document).ready(function() { 
    $(".class").append("<p><a href='../../homepage.htm'>Home page</a></p>"); 
}); 

Die jquery in einem separaten Ordner gespeichert ist, so dass ich darauf verweisen nur von jeder HTML-Seite. Die HTML-Seiten werden jedoch in Ordnern in einer Verzeichnisstruktur gespeichert. Muss der Pfad ../..homepage.htm unterschiedlich sein, je nachdem, wo sich die HTML-Seite in Bezug auf homepage.htm befindet?

Wenn ja, brauche ich eine separate jquery, um verschiedene relative Pfade zu behandeln? Ich nehme an, ich könnte den absoluten Pfad von homepage.htm verwenden, aber sein Speicherort müsste für jede Version des Projekts aktualisiert werden.

Dank für jede Hilfe

Answer 1

Wenn Sie dies über die Website JS in verschiedene HTML-Dateien importieren und diese Dateien haben Unterverzeichnisstrukturen ändert, dann ist ein relativer Pfad Hartcodierung nicht möglich. Sie möchten entweder einen absoluten Pfad fest codieren oder ein JS erstellen, um den passenden Pfad vor dem Anhängen herauszufinden.

Answer 2

Verwenden Sie eine root-relative URL, die mit einem / Zeichen beginnt. Es sollte so etwas wie <a href="/directoryInRoot/fileName.html">link text</a>.

$(document).ready(function() { 
    $(".class").append("<p><a href='/directoryInRoot/homepage.htm'>Home page</a></p>"); 
}); 

sehen hier eine tiefer gehende Erklärung: Having links relative to root?