在Django中包含JQuery倒計時

我是Django的新手，這個問題可能非常基礎。我想在我的Django應用程序中實現此Jquery倒計時（http://keith-wood.name/countdown.html）。但我不知道如何在我的Django模板中包含一些JavaScript。這裏是我試過在我的模板包括：在Django中包含JQuery倒計時

<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>

還是什麼都沒有！

來源

2012-10-15 JojoL

您是否在您的頁面的某個地方添加了0？此外，它會是一個好主意，把你的JavaScript代碼ready事件裏面，像這樣：

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

來源

2012-10-15 09:43:39 pckill

感謝。我試過了，但它不起作用。我試過： – JojoL

可能是我必須在我的views.py中添加一些東西？ – JojoL

不，您不要在'' – pckill

在Django中包含JQuery倒計時

回答

相關問題