包含在资产中时咖啡脚本不起作用

Question

我有一些咖啡脚本可以在折叠列表时切换一些 css 类，但是当我将它放在 /assets/javascripts 目录中的单独 .js.coffee 文件中时它似乎不起作用，但它确实有效当我将它包含在 HAML 文件中时。咖啡脚本似乎可以编译并包含在页面头部，但根本不起作用。有什么想法吗？

  $('#collapseTwo').on 'hidden.bs.collapse', ->
    if $('#collapseOne').hasClass('show')
      $('#collapseOne').addClass('extended')
    $('#collapseOne').removeClass('regular')
    $('#collapseTwo').removeClass('regular')
    $('#collapseTwo').removeClass('extended');

  $('#collapseTwo').on 'show.bs.collapse', ->
    unless $('#collapseOne').hasClass('show')
      $('#collapseTwo').addClass('extended')
    if $('#collapseOne').hasClass('extended')
      $('#collapseOne').removeClass('extended')
      $('#collapseOne').addClass('regular')
      $('#collapseTwo').addClass('regular');

  $('#collapseOne').on 'hidden.bs.collapse', ->
    if $('#collapseTwo').hasClass('show')
      $('#collapseTwo').addClass('extended')
    $('#collapseTwo').removeClass('regular')
    $('#collapseOne').removeClass('regular')
    $('#collapseOne').removeClass('extended');

  $('#collapseOne').on 'show.bs.collapse', ->
    unless $('#collapseTwo').hasClass('show')
      $('#collapseOne').addClass('extended')
    if $('#collapseTwo').hasClass('extended')
      $('#collapseTwo').removeClass('extended')
      $('#collapseOne').addClass('regular')
      $('#collapseTwo').addClass('regular');

Answer 1

将gem 'coffee-rails' 添加到您的gemfile，然后运行bundle install。

记得require application.js 中的coffeescript 文件，如//= require moment。

在咖啡文件的第一行添加$(document).on 'ready page:load', ->。