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 回答