Javascript 我的语义ui js不适用于rails
我正在使用语义ui sass gem。我的语义ui css工作得很好。我的页面顶部有一个菜单,我想在单击某个项目时激活该菜单 application.html.erb:Javascript 我的语义ui js不适用于rails,javascript,ruby-on-rails,semantic-ui,Javascript,Ruby On Rails,Semantic Ui,我正在使用语义ui sass gem。我的语义ui css工作得很好。我的页面顶部有一个菜单,我想在单击某个项目时激活该菜单 application.html.erb: <div class="ui navbar inverted menu"> <a href="#"> <i class="smile teal icon"></i> </a> <div class="menu"> <a cl
<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.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');
});
我的页面在rails之外使用纯html、js和css工作,因此我的js代码是正确的。
我遗漏了什么?我发现了。我必须在$document.readyfunction{}中包含所有javascript。我认为rails会自动运行文档中的所有js
// activate the clicked navbar menu
$('.navbar a').on('click', function(){
$('.menu a').removeClass('active');
$(this).addClass('active');
});