我的语义 ui js 不适用于轨道

Question

我正在使用语义-ui-sass gem。我的语义用户界面 css 工作正常。我的页面顶部有一个菜单，我想在单击某个项目时激活该菜单。

applcation.html.erb：

<div class="ui navbar inverted menu">
  <a href="#">
    <i class="smile teal icon"></i>
  </a>
  <div class="menu">
    <a class="teal item">Home</a>
    <a class="teal item">Profile</a>
    <a class="teal item">Log out</a>
  </div>
</div>

应用.js：= 需要 jquery

//= require jquery_ujs
//= require semantic-ui
//= require semantic-ui/modal
//= require semantic-ui/tab
//= require_tree .

应用程序.css.scss：

 *= require_tree .
 *= require_self
 */
 @import "semantic-ui";
 @import "semantic-ui/collections/menu";
 @import "semantic-ui/modules/tab";

app/assets/javascripts/posts/show.js：

// activate the clicked navbar menu
$('.navbar a').on('click', function(){
  $('.menu a').removeClass('active');
  $(this).addClass('active');
});

我的页面在轨道之外使用纯html，js和css工作，所以我的js代码是正确的。我错过了什么？

Answer 1

我想通了。我必须将所有javascript包含在$（document）.ready（function（）{}）中。我认为 rails 会自动运行文档内的所有 js。