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

f:id:ihatov08:20160906130811j:plain

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です