bokunonikki.net

railsでsemantic Uiのdropdownを使う

Sat Nov 17, 2018
Wed Jun 9, 2021

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

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

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

railsでsemantic Uiのdropdownを使う

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();
});

終わり

See Also