Ruby on Rails - jQuery.countdown没有显示

Question

在我搬到RoR之前，我使用了这个伟大的jQuery countdown，它运行良好。 我尝试在我的Rails（4.0.8）应用程序中再次使用它，但我无法理解为什么没有显示任何内容。

我有app / assets / javascripts（等等）：

application.js
jquery.countdown.min.js
jquery-2.1.1.min.js

在我的application.js中：

//= require_tree .
//= require jquery-2.1.1.min
//= require jquery.countdown.min

在我的Gemfile中：

gem 'jquery-rails', '3.0.4'

在我的app / views / pages / page.html.erb中：

<br />
--
<div data-countdown="2016/01/01"></div>
--

<script type="text/javascript">
  $('[data-countdown]').each(function() {
   var $this = $(this), finalDate = $(this).data('countdown');
   $this.countdown(finalDate, function(event) {
     $this.html(event.strftime('%D days %H:%M:%S'));
   });
 });
</script>

与documented on this page类似，但没有显示任何内容。

我错过了一些明显的东西吗？谢谢你的帮助。

Answer 1

我设法再次显示我的倒计时！

我发现（打印javascript控制台）我有错误$ is not defined。所以我从我的Gemfile中删除gem 'jquery-rails', '3.0.4'并执行命令gem uninstall jquery-rails。然后我在标题中添加了几行并重新启动了服务器。

<%= javascript_include_tag "jquery-2.1.1.min" %>
<%= javascript_include_tag "jquery.countdown.min" %>