django调用本地jquery文件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了django调用本地jquery文件相关的知识,希望对你有一定的参考价值。

1、设置settings.py

STATIC_URL = ‘/static/‘
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, ‘static‘),
]


2、在项目根目录下创建static目录,再创建当前应用名称的目录,然后创建相关目录js和css。把相关文件放入目录;

# tree static/
static/
├── css
│   └── jquery.datetimepicker.css
└── js
    └── jquery.js


3、在app的template里面,创建一个测试页面abc.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<script src="/static/js/jquery.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#test").hide();
  });
});
</script>
</head>
<body>
<h2>这是一个标题</h2>
<p>这是一个段落</p>
<p id="test" >这是另外一个段落</p>
<button>点我</button>
</body>
</html>



4、设置views

def abc(request):
    return render(request,‘abc.html‘)

5、设置urls

urlpatterns = [
    url(r‘^admin/‘, include(admin.site.urls)),
    url(r‘^abc‘,views.abc,name=‘abc‘),
]


6、访问页面尝试jquery是否生效http://192.168.1.232:8000/abc 


本文出自 “鬼迷心窍” 博客,请务必保留此出处http://dragondragon.blog.51cto.com/6170889/1952390

以上是关于django调用本地jquery文件的主要内容,如果未能解决你的问题,请参考以下文章

django的views直接传一段html代码调用模板中的js函数。

我无法从 JQuery ajax 调用中加载部分 Django 模板

django - ajax - 从 jquery/ajax 调用 python 函数

jQuery AJAX POST 在第一次调用时跳过 Django CSRF 令牌标头

使用jquery post时未调用django formview中的post函数

如何在 Django 中使用 Ajax JQuery 调用下拉列表 html 选择