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'

В моем приложении /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" %>