私のsemantic-ui jsはレールでは動作しません

Question

私はsemantic-ui-sass gemを使用しています。私のセマンティックUIはうまく動作します。私は、アイテムがクリックされたときにアクティブにしたいページの上にメニューを持っています。

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のレール外で動作しますので、jsコードは正しいです。 私は行方不明ですか？

Answer 1

私はそれを理解しました。私はすべてのjavascriptを$（document）.ready（function（）{}）の中に含める必要がありました。私はレールがドキュメント内のすべてのjsを自動的に実行すると思った。