修复了 Rails 3 应用程序中的 JQuery 倒数计时器

Question

我需要一个倒数计时器来开发我正在处理的 rails 应用程序，所以我决定使用它。

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

在public/javascripts文件夹中，我添加了jquery.countdown.js在 public/styleheets 文件夹中，我添加了 jquery.countdown.css

在app/views/layouts/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一起添加计时器。

这是我的应用程序.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 在其定义之前