railsでsemantic Uiのdropdownを使う

Sat Nov 17, 2018 - rails
Sat Jan 18, 2020

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

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

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

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

1
2
3
4
5
<!-- app/assets/javascript/application.js -->

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

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

1
2
3
4
5
<!-- app/assets/javascript/application.js -->

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

終わり

Tags: Semantic UI
See Also