Rails应用程序中的Master / Detail示例

Question

我是Rails和JS的新手（来自Objective C＆amp; Swift），我发现这很酷Bootstrap Master/Details example，我想加入我的Rails应用程序：< / p>

我有一个带页面控制器的静态页面设置，然后将HTML添加到视图中，将CSS添加到页面样式表中。然后我将JS转换为coffee并将其放入pages.coffee文件中。

pages.coffee

$(document).ready ->
  $body = $('body')
  $body.on 'click', 'div.master_list div.list-group button', ->
    $button = $(this)
    article_option = $button.attr('data-option')
    article_selector = 'article.' + article_option
    $master_detail = $button.closest('.master_detail')
    $article = $master_detail.find(article_selector)
    $master_detail.find('article').removeClass 'grow fadeIn'
    $article.addClass 'grow fadeIn'
    return
  return

似乎所有内容都编译正常，并且页面按照示例加载，但是JS代码似乎无法正常工作，因为所有的paroll选项都显示并且单击主列表项目什么都不做。

任何指针都会非常感激。

有一点需要注意，我正在运行Bootstrap 4并假设这只会影响样式并且可以稍后整理。