滑动导航菜单不工作(在线)



我正在尝试让Slick Nav正常工作,目前我正在一个空的在线页面上测试它,但没有成功。在本地,它工作得很好,但它只是不想在线运行——即使是相同的代码。我已经把从SlickNav下载的"dist"文件夹中的文件放在FTP服务器上我的主文件夹上一个名为"SlickNav"的文件夹中(就像我在本地做的一样)。我的测试页面包含以下内容:

<link rel="stylesheet" href="SlickNav/slicknav.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="SlickNav/jquery.slicknav.min.js"></script>
// I already tried putting my URL before the link rel and the script src above but it didn't help
<script>
$(function(){
    $('#menu').slicknav({
        label: "MENU"
    });
});

<ul id="menu">
<li><a class="scroll" href="#features">Features</a></li>
<li><a class="scroll" href="#usage">Usage Instructions</a></li>
<li><a class="scroll" href="#examples">Examples</a></li>
<li><a href="http://github.com">View on Github</a></li>
</ul>

我已经试了三个多小时了,但我再也看不到了。。也许有人也有类似的问题,或者只是看到了(可能是愚蠢的)错误,我会永远感激。。

在检查控制台后找到了解决方案:对于代码<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

我只是简单地复制并粘贴了它,必须更改以匹配我的网站的https-><script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

最新更新