Question

我的网站部分位于子目录中。我的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代码以在子目录中正确执行，或者唯一的解决方案是更改我的网站结构以取消子目录。

Answer 1

彻夜难眠，谷歌搜索的新想法回答了我的问题。今天它是在子目录上搜索＆＃34; jquery。＆＃34;答案似乎是半相关的，在第一个答案中我得到了答案，虽然它花了两次尝试。但成功！

答案是修改脚本

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

改为包含一个前导斜杠，告诉页面在一个目录中找到代码。

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

Slicknav Javascript不会在子目录中的页面上执行

1 个答案: