在Rails 3應用程序中修復JQuery倒數計時器

Question

我需要一個倒計時器來處理我正在使用的Rails應用程序，所以我決定使用它。

http://keith-wood.name/countdown.html

在公共/ JavaScript的文件夾，我已經添加jquery.countdown.js 在我添加jquery.countdown.css

在應用程序/視圖/佈局公共/ styleheets文件夾/application.html.erb我將javascript和css文件添加到樣式表和JavaScript標記。

在我看來，我已經添加

<script> 
    var element = '#countDownTimer'; 
    var year = <%= @deal.end.year %>; 
    var month = <%= @deal.end.month %>; 
    var day = <%= @deal.end.day %>; 
    setCountdownTimer(element, year, month, day); 
</script> 
<div id="countDownTimer"></div> 

其將被用於與jQuery選擇要添加的計時器。

這裏是我的application.js文件

// The following function is called once the rest of the document is fully loaded 
$(document).ready(function() 
{ 

function setCountdownTimer(element, year, month, day) { 
    var date = new Date(year, month, day); 
    $(element).countdown({until: date}); 
} 


// DEALS TABS ON DEALS PAGES 
$("#tabs > ul").tabs(); // Make the tabs. 

// FANCYBOX FOR GALLERY IMAGES POPUP 
$("a.galleryitem").fancybox(); 

// MEDIA ENCODER FOR PODCASTS 
$.mb_audioEmbedder.playerPath="/media/player.swf" //the path to audio player 
    $.mb_videoEmbedder.defaults.width=500; 
$.mb_audioEmbedder.defaults.width=214; 
    $("#media").mb_embedMovies(); 
    $("#media").mb_embedAudio(); 

}); 

誰能告訴我，爲什麼這不起作用？

Answer 1

嘗試包裹

var element = '#countDownTimer'; 
    var year = <%= @deal.end.year %>; 
    var month = <%= @deal.end.month %>; 
    var day = <%= @deal.end.day %>; 
    setCountdownTimer(element, year, month, day); 

內$(document).ready()

也是我不認爲這必須是在$(document).ready()

function setCountdownTimer(element, year, month, day) { 
    var date = new Date(year, month, day); 
    $(element).countdown({until: date}); 
} 

的問題可能是你之前打電話setCountdownTimer其定義爲