Rails5のturbolinksでjqueryが動かないときの対処法

www.d-wood.com

こちらの記事を参考にさせていただきました。

before

画面遷移直後にjqueryのtoggleが動作しませんでした。
画面をリロードすると動くようになります。

document.addEventListener('turbolinks:load', function() {
componentHandler.upgradeDom();
});
$(function(){
$(".search-box__toggle").on("click", function() {
$(this).next(".search-box__contents").slideToggle("fast");
});
});

after

eventlistenerの中に書いてあげることで、画面遷移直後も動くようになりました！

document.addEventListener('turbolinks:load', function() {
componentHandler.upgradeDom();
$(function(){
$(".search-box__toggle").on("click", function() {
$(this).next(".search-box__contents").slideToggle("fast");
});
});
});