2016-07-26 26 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>