2016-11-17 76 views
-1

我有下面的JavaScript(這觸發我的菜單的可見性)

<!-- toggle visibility for filter --> 
    <script type="text/javascript"> 
        $(document).ready(function() { 
         $("#extra-content").hide(); 
         $("#toggle-content").click(function(){ 
          $("#extra-content").toggle(); 
         }); 
        }); 
    </script> 

,但是當我離線時(我計劃在我的通勤)我得到這個腳本錯誤

(index):101 Uncaught ReferenceError: $ is not defined(…)(anonymous function) @ (index):101

我怎麼能找出什麼js文件複製到本地,使其脫機工作?

UPDATE 我這是怎麼加載的jQuery

<!-- Placed at the end of the document so the pages load faster --> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="{{ STATIC_URL }}/static/jquery/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<script src="{{ STATIC_URL }}/static/jquery/jquery-ui.js"></script> 
+0

jQuery的文件 – casraf

+1

如果包括jQuery的通過CDN,這需要互聯網接入,因爲它的下載它從CDN。你應該下載jquery代替。 –

+0

用jquery鏈接檢查 – prasanth

回答

1

jQuery是怎麼裝?如果你通過cdn得到它,這是正常的,當你離線時你無法訪問它。 嘗試下載並在本地安裝

+0

我用jquery上傳線更新了我的答案。 –

+0

因此,當你離線時,我猜這是應該加載的{{STATIC_URL}}/static/jquery/jquery-1.9.1.js'?這是一個本地的網址嗎?正如Graham Ritchie上面所寫,您可以在控制檯中看到錯誤並找到404錯誤。所以你會知道哪些文件沒有加載,以及瀏覽器在哪裏查找它們。 –

2

控制檯中還會有一個額外的錯誤,指示404 not found

這是你需要在本地複製文件。

看看這個錯誤,這幾乎可以肯定是jQuery。

+0

+1 - 只有一個誰提出了他的問題*我怎麼能找出什麼js文件複製到本地,使其脫機工作?* –

+0

是的人們不傾向於閱讀完整的問題:-P –

1

$沒有定義錯誤時不加載的jQuery文件被拋出。 由於您使用jQuery "$(document).ready(function(){});",你必須確保jQuery是加載,要麼你複製jquery.min.js本地文件,也可以使用HTML 應用程序緩存功能爲脫機工作。這將存儲您的jquery.min.js文件並將可用,直到您清除緩存。