如何在Django中使用jQuery？

我對使用jQuery tablesorter感興趣，但某種程度上無法使用。我按照說明操作並將jquery.js和tablesorter.js放在與我的模板（html文件所在的文件夾）相同的文件夾中。不幸的是，當試圖訪問.js文件時，它一直打到404，我假設這意味着這些文件不在正確的路徑上。此修復的任何想法？如何在Django中使用jQuery？

django有特別的地方放置這些js文件嗎？（不是在模板文件夾？）

<script type="text/javascript" src="jquery-latest.js"></script> 
<script type="text/javascript" src="jquery.tablesorter.js"></script> 
<script type ="text/javascript"> 
    $(document).ready(function() 
    { 
     $("#myTable").tablesorter(); 
    } 
);

的myTable的是完全相同的表作爲一個在實例

來源

2012-07-17 user1530318

爲什麼不使用絕對路徑？ – madfriend 2012-07-17 15:39:41

[也許有閱讀文檔]（https://docs.djangoproject.com/en/1.4/topics/forms/media/） – ManseUK 2012-07-17 15:40:58

@ user1530318我認爲你誤解了模板系統 - 這是一個好主意重新開始，瞭解django如何用url調度器迴應http請求，調用視圖，使用上下文數據呈現模板等... – benjaoming 2012-07-17 15:44:16

通常jquery，js，css，圖像和大多數其他靜態內容被處理爲靜態文件，而不是django模板。閱讀managing static files docs。

來源

2012-07-17 16:19:01 machaku

的jQuery，您可以使用谷歌API：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

而對於Django，你有沒有爲腳本/媒體等配置路徑？（在settings.py也許？）

來源

2012-07-17 15:44:44

要添加什麼其他人寫的，如果你想的JQuery提供整個網站/應用程式和你不喜歡的外部依賴，如谷歌，你可以做到以下幾點：

下載最新的「壓縮，生產」 JQuery的在https://jquery.com/download/ - 例如，在靜態目錄，在命令行上（可能是<項目名稱> /靜態）：wget https://code.jquery.com/jquery-2.1.3.min.js
添加的引用加載的JQuery在網站的「基地」模板文件（可能是<projectname>/<appname> /templates/base.html） - 例如：在<head>部分
測試JQuery的安裝添加<script src="{% static 'jquery-2.1.3.min.js' %}"></script>通過添加類似以下到您的模板之一：

<script type="text/javascript"> $(document).ready( function(){ $("#jqtest").html("JQuery installed successfully!"); } ); </script> <p id="jqtest"></p>
如果有必要/通常在做模板更新後，重新啓動你的Django服務器，然後加載一個頁面，該頁面使用帶有測試代碼的模板

來源

2015-02-22 01:32:48 Chirael

如何在Django中使用jQuery？

回答

相關問題