我的semantic-ui js不支持rails

Question

我正在使用semantic-ui-sass gem。我的語義 - 用戶界面工作正常。我在頁面頂部有一個菜單，當點擊某個項目時，我想激活它。

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> 

的application.js： // =要求的jquery

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

application.css.scss：

*= require_tree . 
*= require_self 
*/ 

@import "semantic-ui"; 
@import "semantic-ui/collections/menu"; 
@import "semantic-ui/modules/tab"; 

應用程序/資產/javascripts/posts/show.js：

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

我的頁面使用純html，js和css在rails外工作，所以我的js代碼是正確的。 我錯過了什麼？

Answer 1

我想通了。我不得不在$（document）.ready（function（）{}）中包含所有的javascript。我認爲rails會自動運行文檔中的所有js。