Javascript 在Django中包含JQuery倒计时_Javascript_Jquery_Django

Javascript 在Django中包含JQuery倒计时

javascript jquery django

Javascript 在Django中包含JQuery倒计时,javascript,jquery,django,Javascript,Jquery,Django,我是Django的新手，这个问题可能很基本。我想实现这个Jquery倒计时(http://keith-wood.name/countdown.html)在我的Django应用程序中。但我不知道如何在django模板中包含一些javascript。以下是我试图在模板中包含的内容： <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js">&

我是Django的新手，这个问题可能很基本。我想实现这个Jquery倒计时(http://keith-wood.name/countdown.html)在我的Django应用程序中。但我不知道如何在django模板中包含一些javascript。以下是我试图在模板中包含的内容：

<script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<style type="text/css">@import "/Users/marc-antoine.lacroix/Desktop/JQuery/jquery.countdown.package-1.6.0/jquery.countdown.css";</style>
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery.countdown-fr.js"></script>
<script language="javascript">
var newYear = new Date(); 
newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1); 
 $('#defaultCountdown').countdown({until: newYear}); 
</script>


@导入“/Users/marc antoine.lacroix/Desktop/JQuery/JQuery.countdown.package-1.6.0/JQuery.countdown.css”；
var newYear=新日期（）；
newYear=新日期（newYear.getFullYear（）+1,1-1,1）；
$（'#defaultCountdown'）。倒计时（{until:newYear}）；

但我的页面中没有显示任何内容。我做错了什么？在我的模板中包含JQuery是一种好方法吗

我知道有人问了我几个问题，但我没有找到解决问题的方法

欢迎任何帮助

现在，我试着：

<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<script type="text/javascript"    src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<style type="text/css">@import "/Users/marc-antoine.lacroix/Desktop/JQuery/jquery.countdown.package-1.6.0/jquery.countdown.css";</style>
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery.countdown-fr.js"></script>
<script language="javascript">

$(document).ready(function(){

var newYear = new Date(); 
newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1); 
$('#defaultCountdown').countdown({until: newYear}); 

});
</script>

</head>
<body>

<div id="defaultCountdown"> </div>

</body>


@导入“/Users/marc antoine.lacroix/Desktop/JQuery/JQuery.countdown.package-1.6.0/JQuery.countdown.css”；
$（文档）.ready（函数（）{
var newYear=新日期（）；
newYear=新日期（newYear.getFullYear（）+1,1-1,1）；
$（'#defaultCountdown'）。倒计时（{until:newYear}）；
});

还是没什么

您是否在页面中的某个位置包含了

？另外，最好将javascript代码放在ready事件中，如下所示：

$(document).ready(function(){
    //your code here
});

谢谢我试过了，但没用。我试过：$（document.ready（function（）{var newYear=newdate（）；newYear=newdate（newYear.getFullYear（）+1,1-1,1）；$（'defaultCountdown'）。倒计时（{until:newYear}）；}）；也许我必须在我的视图中添加一些东西。py？不，你不能把

（这是html元素）放在

中，把它放在

和

放在

$（文档）的某个地方。准备好（函数（）{var newYear=newdate（）；newYear=newdate（newYear.getFullYear（）+1-1）；$（'defaultCountdown'）。倒计时({until:newYear}）；}）；

检查嵌套函数代码，您编写html，您应该编写javascript。我尝试过这样做。我编辑了我的问题，以向您展示我现在拥有的内容。仍然没有显示任何内容。