是否可以在同一页面上使用 jQuery 和 Django？答案

【问题标题】：Is it possible to use jQuery and Django on the same page?是否可以在同一页面上使用 jQuery 和 Django？
【发布时间】：2017-01-04 06:08:51
【问题描述】：

我正在尝试仅使用 jQuery 函数在 Django 页面上显示表格。当我在 jsfiddle 上测试脚本时，它运行良好，但在我的 Django 站点上不起作用。我需要将某些东西导入 Django 以使其工作吗？

这是我目前所拥有的：

html 文件：

<table class="panel">
    <tr>
        <td colspan=3 class="tblheader"><h1>Statistics</h1></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>
<button class="spoiler">Click for Spoilers</button>

javascript 文件：

$(document).ready(function() {
    $('.spoiler').click(function() {
        $('.panel').slideToggle('slow');
        });
    });

【问题讨论】：

html 文件的其余部分在哪里？你如何包含 jquery 和你自己的 js 文件？您如何提供这些文件？
jQuery 和 JS 文件包含在 base.html 文件中，使用 {% load staticfiles %} 和指向文件本身的脚本链接，就像使用引导程序和 css 文件一样。我只包括了表格，因为这是唯一受 JS 影响的区域。
好的，但是 Django 真的在为这些静态文件提供服务吗？它们是否被加载到您的浏览器中？你能在浏览器开发工具中看到它们吗？
我所有的 CSS 都可以正常加载。我使用<script href="{% static 'js/webapp.js' %}"></script> 调用JS，它显示在检查的标题中。但是，它不会出现在网络面板中（包括 jQuery 在内的所有其他内容都在那里）。我找对地方了吗？
脚本由src链接，而不是href。

标签： javascript jquery python django

【解决方案1】：

您应该在 Django html 模板中添加对 jquery 脚本的引用，例如

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

更多关于jquery site的信息

【讨论】：

我的 base.html 文件和我的特定 webapp.js 文件中都有它，所以这不是问题。
在您之前的评论中，您似乎使用了