2

我对使用 jQuery tablesorter很感兴趣，但不知何故无法使用。我已按照说明将 jquery.js 和 tablesorter.js 放在与我的模板（html 文件所在的文件夹）相同的文件夹中。不幸的是，当尝试访问 .js 文件时，它不断出现 404，我假设这意味着文件不在正确的路径上。对此修复有任何想法吗？

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 与示例中的表完全相同

4

3 回答 3

4

对于 jQuery，您可以使用 Google API：

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

对于 Django，您是否为脚本/媒体等配置了路径...？（可能在 settings.py 中？）

于 2012-07-17T15:44:44.880 回答
4

通常 jquery、js、css、图像和大多数其他静态内容作为静态文件而不是 django 模板处理。阅读管理静态文件文档。

于 2012-07-17T16:19:01.197 回答
2

要添加到其他人编写的内容，如果您想让 JQuery 在整个站点/应用程序中可用并且您不喜欢 Google 等外部依赖项，您可以执行以下操作：

  1. 在https://jquery.com/download/下载最新的“压缩的、生产的”JQuery - 例如，在静态目录中的命令行上（可能是 <projectname>/static）：wget https://code.jquery.com/jquery-2.1.3.min.js
  2. 在站点的“基本”模板文件（可能是 <projectname>/<appname>/templates/base.html）中添加对加载 JQuery 的引用 - 例如：<script src="{% static 'jquery-2.1.3.min.js' %}"></script>在<head>部分中添加

  3. 通过将以下内容添加到您的模板之一来测试 JQuery 安装：

    <script type="text/javascript"> $(document).ready( function(){ $("#jqtest").html("JQuery installed successfully!"); } ); </script> <p id="jqtest"></p>

  4. 如果需要/通常在进行模板更新后，重新启动您的 Django 服务器，然后加载一个使用该模板和测试代码的页面

于 2015-02-22T01:32:48.463 回答