Question

我试图让Slick Nav正常工作，而我目前正在网上空白页面上测试失败。在本地它可以很好地工作，但它只是不想在线运行 - 即使它是相同的代码。我把＃34; dist＆＃34;中的文件放了从光滑的导航文件夹下载到名为＆＃34; SlickNav＆＃34;的文件夹中。在我的FTP服务器上的主文件夹上（就像我在本地做的那样）。我的测试页面包含以下内容：

<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>

我现在已经尝试了3个多小时了，我再也看不到了......也许有人有类似的问题或只是看到（可能是愚蠢的）错误，我会永远感激...

Answer 1

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

我只是复制并粘贴的

必须更改为匹配我网站的https - ＆gt; <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

光滑导航菜单不起作用（在线）

1 个答案: