如何用jQuery建立Django网站

xmjla07d  于 2023-01-31  发布在  Go
关注(0)|答案(4)|浏览(100)

我不知道为什么,但是我想不出如何在我的网站上激活jQuery。所有做教程“在Django上启动jQuery”的网站都是从已经在他们网站上运行的JQuery开始的。无论如何,我决定不下载它并把它放在我的某个文件夹中,而是用谷歌的作弊方式。因此,在我的基础页面中,我有下面的代码

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

而且一切都运行得很好,直到我不得不添加一些库。我如何设置我自己的jQuery,以便它与我的模板一起工作?

kmpatx3s

kmpatx3s1#

到最后,事情变得非常简单,这就是我们要做的:
首先,在文件夹app中创建一个名为static的文件夹:

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

然后从他们的网站here下载jQuery。你点击“下载”,它会把你带到一个不同的页面,里面有所有的代码。左击代码并选择“保存为...”。保存在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中使用上面的代码。)
这对我在本地计算机上工作很有效。我还没有尝试实际部署我的站点,所以我希望这仍然有效。

ttcibm8c

ttcibm8c2#

您也可以只运行pip install django-jquery,然后将jquery放到INSTALLED_APPS中。当然,您需要像往常一样运行collectstatic。:)
这样,如果您使用requirements.txt文件,您就可以将其包含在其中。

nfzehxib

nfzehxib3#

你也可以使用python的django-static-jquery包,目前,它附带了最新的jquery库。
pip install django-static-jquery=='version' .此处显示软件包和安装信息https://pypi.python.org/pypi/django-static-jquery/
看起来另一个包django-jquery有一段时间没有更新了。

kyks70gy

kyks70gy4#

我把我的jQuery文件放在和SaiyanGirl相同的地方。
在我的setting.py中,我默认使用以下代码:

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>

相关问题