0

我在子目录中有我网站的一部分。我的 slicknav 代码适用于主目录中的任何文件,在小屏幕上隐藏常规导航并显示汉堡菜单图标。我假设我需要修改它以使其在子目录中的页面上正常工作。我不知道该怎么做。

designsondemand.com/about.htm 可以很好地使用这个标准代码:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="jquery.slicknav.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#menu').slicknav();
});
</script>

但是 designsondemand.com/products/mugs.htm 不执行代码。我已将链接 rel 设置为引用绝对文件位置,认为这可能是问题所在。

<link rel="stylesheet" href="http://www.designsondemand.com/slicknavstyle.css">
<link rel="stylesheet" href="http://www.designsondemand.com/slicknav.css">

我想知道我是否可以修改我的 JavaScript slicknav 代码以在子目录上正确执行,或者唯一的解决方案是更改我的站点结构以取消子目录。

4

1 回答 1

0

新鲜的睡眠之夜,谷歌搜索的新想法来回答我的问题。今天是搜索“jquery on subdirectory”。答案似乎是半相关的,在第一个中我得到了答案,尽管尝试了两次。但是成功!

答案是修改脚本

<script src="jquery.slicknav.js"></script>

而是包含一个前导斜杠来告诉页面在一个目录中查找代码。

<script src="/jquery.slicknav.js"></script>
于 2015-04-19T12:39:31.947 回答