3

我是 Django 新手,这个问题可能非常基础。我想在我的 Django 应用程序中实现这个 Jquery 倒计时(http://keith-wood.name/countdown.html)。但我不知道如何在我的 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>

但是我的页面中没有任何内容。我做错了什么?这是在我的模板中包含 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>

依然没有!

4

1 回答 1

1

您是否<div id="defaultCountdown"></div>在页面上的某个地方包含了内容?将您的 javascript 代码放在 ready 事件中也是一个好主意,如下所示:

$(document).ready(function(){
    //your code here
});
于 2012-10-15T09:43:39.333 回答