如何使用jQuery设置Django网站

时间:2012-08-20 03:01:10

标签: jquery django

我不知道为什么,但我无法弄清楚如何在我的网站上激活jQuery。所有做教程的网站'在Django上开始jQuery'都是从JQuery开始在他们的网站上工作的。无论如何,我没有下载并将其放在我的文件夹中,而是决定采用欺骗方式并使用谷歌。 因此,在我的基页中,我有以下代码

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

一切都很好,直到我不得不添加一些库。如何设置我自己的jQuery以便它可以与我的模板一起使用?

4 个答案:

答案 0 :(得分:48)

最后,事实证明这很容易。这是所有人必须做的:

首先,在文件夹app中创建一个名为static的文件夹:

mySite
---mytemplates
---mySite
---myApp
------static

然后从他们的网站here下载jQuery。您点击“下载”#39;它会带你到一个包含所有代码的不同页面。左键单击代码并选择&#39;另存为...&#39;。将其保存在static文件夹中。

settings.py文件中,请确保django.contrib.staticfiles位于INSTALLED_APPS下(默认情况下会存在)。

最后,您的基页内有

<script type="text/javascript" src="{{ STATIC_URL }} /static/jquery-1.8.0.js">
</script> 
//Make sure that the jQuery name is correct. With updates and different versions, 
//the number after 'jquery' will change 

现在您可以在整个网站中使用jQuery! (只要页面扩展了您的基页。如果他们不这样做,他们将需要在他们的html中使用上面的代码。)

这适用于我在本地计算机上工作。我还没有尝试过实际部署我的网站,所以我希望这仍然有效。

答案 1 :(得分:10)

您也可以pip install django-jquery,并将jquery放入INSTALLED_APPS。当然,您需要一如既往地运行collectstatic。 :)

如果您使用的话,可以将它放在requirements.txt文件中。

答案 2 :(得分:5)

您也可以使用python包django-static-jquery。目前,它附带了更新的jquery库。

pip install django-static-jquery=='version'。包装&amp;安装信息https://pypi.python.org/pypi/django-static-jquery/

看起来其他包django-jquery暂时没有更新。

答案 3 :(得分:0)

我将jquery文件与SaiyanGirl放在同一位置。

在我的设置中,默认情况下,我在INSTALLED_APPS中使用了此命令:'django.contrib.staticfiles',

在我的html页面顶部,有这个内容:

{% load static %}
<!DOCTYPE html> 

我的头标签中有这个:
<script type="text/javascript" src="{% static 'jquery-3.5.0.js' %}"></script>

这是我测试的方式(也在head标签中):

<script type="text/javascript"> 
window.onload = function() {
   if (window.jQuery) {
      alert('jQuery is loaded');
   } else {
      alert('jQuery is not loaded');
</script>