如何在使用 Bootstrap 的 Django Html 模板中实现自定义 jQuery 函数？答案

【问题标题】：How to implement a custom jQuery function in a Django Html template that uses Bootstrap?如何在使用 Bootstrap 的 Django Html 模板中实现自定义 jQuery 函数？
【发布时间】：2016-02-11 14:36:23
【问题描述】：

我的模板通过以下方式引用 jQuery：

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>

这两行放在我的html文件中body标签的最后。静态部分只是引用了我的 js 文件的位置，我相信这是在 Django 中完成的方式。

我想要实现的函数的html、css和js可以在这个链接中找到： Js Fiddle Link

现在我知道了不同部分是如何协同工作的，但是如何以一种有效的方式将它们引入我的模板中呢？我尝试将 jQuery 代码放在我的 html 文件的脚本标记中，但它没有影响任何东西。

实现这个功能的正确方法是什么？

【问题讨论】：

标签： jquery django twitter-bootstrap

【解决方案1】：

您可以添加另一个脚本标签并将您的 Javascript 或 Jquery 代码放入其中，如下所示：

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
<script type="text/javascript">
    $(document).ready(function(){
        // your code
    });
</script>

或者，您可以将代码放在静态文件中的文件中，然后将其导入。因此，如果您将 myJavascript.js 文件添加到您的“static/js”文件夹中，您可以在 jquery 和 bootstrap 之后像这样包含它：

<script src="{% static 'js/myJavascript.js' %}"></script>

记得用{% load staticfiles %}在html文件的顶部加载你的静态文件

【讨论】：

【解决方案2】：

这里没有特定的 Django 或 Bootstrap。如果您有 jQuery 代码，则需要在 jQuery 本身加载后包含它。

【讨论】：