HTML调用HTML问题

公司网站上加了个右侧悬停工具，如下图所示，因为每页都需要添加此工具，如果逐页添加代码实在是麻烦，未来维护也费事，因此现在是通过一个JS文件把公共部分调用写到里面，在需要页面引入
第一步：建一个JS文件，放到JS文件夹中
$(function () {
$.get("header.html",function (data) {
$("#header").html(data);
});
});
第二步：需要工具的页面引入

img


但是现在问题来了，如果被调用的html和其他页面HTML在相同目录下没有问题，但是如果在不同的目录中貌似就不行了，如何修改被调用的html或JS来解决在不同目录调用的问题呢？当然同时还要兼容相同目录的调用哈，请帮忙指点，谢谢

不同页面只是调用路径不同而已。 路径加上../xxx/xxx 就行，具体根据自己目录来。
你不会全部都一样引用路径吧？

"header.html"、"./header.html"都是同一目录下的路径；"../上级目录名称/header.html"是上级目录下的文件，../上上一级目录名称/上级目录名称/header.html"是上上级目录下的文件...,以此类推。此外还有绝对路径，建议你了解一下