Question

对不起这个非常基本的问题，这是我第一次发帖。我试图将以下jquery链接到项目中的每个html页面：

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

jquery存储在一个单独的文件夹中，所以我只是从每个HTML页面引用它。但是，HTML页面存储在目录类型结构的文件夹中，因此路径../..homepage.htm需要根据HTML页面相对于homepage.htm的位置而有所不同？

如果是这样，我是否需要一个单独的jquery来处理不同的相对路径？我想我可以使用homepage.htm的绝对路径，但是需要为项目的每个版本更新其位置。

感谢您的帮助

Answer 1

如果要将此JS导入整个站点的各种HTML文件，并且这些文件具有不同的子目录结构，则无法对相对路径进行硬编码。您希望硬编码绝对路径或创建一些JS以在追加它之前找出适当的路径。

Answer 2

尝试使用以/字符开头的根相对网址。它应该看起来像<a href="/directoryInRoot/fileName.html">link text</a>.

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