My semantic-ui js doesn't work with rails

Question

I'm using semantic-ui-sass gem. My semantic-ui css work fine. I have a menu on top of my page that I want to activate when an item is clicked.

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: //= require 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/assets/javascripts/posts/show.js:

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

My page works outside rails with plain html, js, and css so my js code is correct. What is it that I'm missing?

bent al7egaz · Accepted Answer · 2017-01-25 15:52:27Z

1

I figured it out. I had to include all javascript inside $(document).ready(function(){}). I thought rails will automatically run all js inside document ready.

answered Jan 25, 2017 at 15:52

bent al7egaz

537 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

My semantic-ui js doesn't work with rails

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related