Rails 4 - 计时器(jQuery.Countdown)

时间:2016-05-04 18:25:23

标签: javascript jquery ruby-on-rails timer

我正在尝试在我的Rails中创建一个计时器。但是我收到了这个错误:

jquery.countdown.min.self-6add0e5….js?body=1:7 Uncaught TypeError: Cannot read property 'createPlugin' of undefined

我补充说:

  • jquery.countdown.min.js加入assets/javascripts
  • jquery.coundown.css加入assets/stylesheets
  • jQuery.js在那里工作正常
  • 进入application.js - //= require jquery.countdown.min
  • 进入application.scss - *= require jquery.countdown

然后我创建:

查看

<th width="20%" class="timeRem" data-countdown-until="<%= 10.days.from_now %>"></th>

timer.js.coffee

 Timers =
  init: ->
    @initCountdownUntil()
    @initCountdownSince()

  initCountdownUntil: ->
    $('[data-countdown-until]').each (index, element) ->
      $element = $(element)
      date = new Date($element.data('countdown-until'))
      $element.countdown(until: date)

  initCountdownSince: ->
    $('[data-countdown-since]').each (index, element) ->
      $element = $(element)
      date = new Date($element.data('countdown-since'))
      $element.countdown(since: date)

window.Timers = Timers

不要集会知道如何修复它,感谢任何建议和帮助。

2 个答案:

答案 0 :(得分:1)

根据我们的评论,jquery.countdown.min.js文件应放在jquery.min.js之前。

答案 1 :(得分:1)

您按照以下顺序放置脚本jquery.js然后jquery.plugin.js然后jquery.countdown.js

[]

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