こちらの記事を参考にさせていただきました。
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"); }); }); });
コメントを残す