3

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

しかし、私のページには何も表示されません。私は何を間違えましたか？テンプレートに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 に答える