$(...).sidebar is not a function

[Guillaumejfrt]

Hi,

I've been using gem semantic-ui-sass for several months and my sidebar has always toggled perfectly. However, it doesn't work anymore. JS in the console says $(...).sidebar is not a function. I don't understand is going wrong. Here is my code in my js file:

$("#ui-sidebar").sidebar("attach events", ".sidebar-item");

Could you help me?

Thanks

[doabit]

I tested and it seems work, could you paste your sample code?

[Guillaumejfrt]

Yes the the selector $("#ui-sidebar") do work. It's the semantic function .sidebar() which is not working.

I am not sure to understand which part of my code you want to see. Do you want me to send the html part?

[doabit]

This is my javascript code:

//= require rails-ujs
//= require turbolinks
//= require jquery
//= require semantic-ui

and this is html

<div id="ui-sidebar">
  <div class="sidebar-item">demo</div>
</div>

[Guillaumejfrt]

yes I have the same: //= require jquery //= require jquery_ujs //= require semantic-ui //= require_tree ./channels //= require_tree . and <div class="ui vertical inverted sidebar menu left" id="ui-sidebar"> <% @chatrooms.each do |chatroom| %> <!-- This link calls the show action inside the chatrooms controller --> <%= link_to chatroom, class:"sidebar-item", remote: true do %> <div class="item"> <%= image_tag chatroom.fb_user.profile_pic, class:"ui avatar image", alt:"patient picture" %> <div> <p><%= chatroom.fb_user.first_name %> <%= chatroom.fb_user.last_name %></p> </div> </div> <% end %> <% end %> </div> Le mer. 22 nov. 2017 à 11:31, Sean Deng <notifications@github.com> a écrit :

…

This is my javascript code: //= require rails-ujs//= require turbolinks//= require jquery//= require semantic-ui and this is html <div id="ui-sidebar"> <div class="sidebar-item">demo</div> </div> — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#122 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AXGT79Lp-fia7aZXPwtNOMRHo_EV5QFWks5s4_gVgaJpZM4QnB3U> .

[doabit]

Please paste your layout code, and where the $("#ui-sidebar").sidebar("attach events", ".sidebar-item"); code you put.