2016-07-26 87 views
0

我试图让油滑的导航工作,我目前正在一个空的在线页面上测试它失败。在本地它可以很好地工作,但它只是不想在线运行 - 即使它是相同的代码。我已经把文件夹里的“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> 

我想这3小时以上,现在我只是没有看到它了..也许有人有类似的问题,或者只是看到在(可能哑)的错误,我会永远感激..

回答

0

发现检查控制台后的解决方案:对于代码 <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>