railsでsemantic Uiのdropdownを使う

ちょっと迷ったのでメモ。

Semantic UIでドロップダウンを有効にする方法。

以下のようなドロップダウンを有効にする。

railsでsemantic Uiのdropdownを使う





application.jsに以下を追加する。

# app/assets/javascript/application.js

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

Turbolinsが原因で発火しない場合は以下のようにする。

# app/assets/javascript/application.js

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

See Also