Meine Semantik-Ui js funktioniert nicht mit Schienen

Question

Ich verwende Semantic-Ui-Sass Gem. Meine Semantik-CSS funktionieren gut. Ich habe ein Menü oben auf meiner Seite, das ich aktivieren möchte, wenn ein Element angeklickt wird.

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: // = erfordern 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"; 

app/Vermögen /javascripts/posts/show.js:

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

Meine Seite arbeitet außerhalb von Rails mit einfachem HTML, Js und CSS, so dass mein Js-Code korrekt ist. Was fehlt mir?

Answer 1

Ich habe es herausgefunden. Ich musste alle Javascript innerhalb $ (Dokument) .ready (Funktion() {}) einschließen. Ich dachte, Rails werden automatisch alle js im Dokument bereit machen.