Using Semantic UI Dropdowns in Rails

I was a bit confused about this, so here’s a note.

How to enable dropdowns in Semantic UI.

To enable dropdowns like this:

Add the following to your application.js:

<!-- app/assets/javascript/application.js -->

$(function(){
    $('.ui.dropdown').dropdown();
})

If it doesn’t trigger because of Turbolinks, use this instead:

<!-- app/assets/javascript/application.js -->

$(document).on('turbolinks:load', function() {
    $('.ui.dropdown').dropdown();
});

That’s it!