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