公司网站上加了个右侧悬停工具,如下图所示,因为每页都需要添加此工具,如果逐页添加代码实在是麻烦,未来维护也费事,因此现在是通过一个JS文件把公共部分调用写到里面,在需要页面引入
第一步:建一个JS文件,放到JS文件夹中
$(function () {
$.get("header.html",function (data) {
$("#header").html(data);
});
});
第二步:需要工具的页面引入
但是现在问题来了,如果被调用的html和其他页面HTML在相同目录下没有问题,但是如果在不同的目录中貌似就不行了,如何修改被调用的html或JS来解决在不同目录调用的问题呢?当然同时还要兼容相同目录的调用哈,请帮忙指点,谢谢