jquery - Ruby on Rails - jQuery.countdown 不显示

Question

在我搬到 RoR 之前，我使用了这个很棒的jQuery 倒计时，它运行良好。我尝试在我的 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>

就像此页面上记录的一样，但没有显示任何内容。

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

Answer 1

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

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

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