如何在Django中使用jQuery？

2024-06-16 04:15:41 发布

您现在位置：Python中文网/ 问答频道 /正文
1726 3

我对使用jQuerytablesorter很感兴趣，但是不知怎么的，我不能。 我按照说明操作，并将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与示例中的myTable是完全相同的表


Tags： 文件text路径src文件夹模板htmltype
3条回答
网友
1楼 · 编辑于 2024-06-16 04:15:41

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

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

  3. 通过向其中一个模板添加以下内容来测试JQuery安装：

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

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

网友
2楼 · 编辑于 2024-06-16 04:15:41

对于jQuery，可以使用Google API：

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

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

网友
3楼 · 编辑于 2024-06-16 04:15:41

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

相关问题 更多 >

    编程相关推荐