地方でリモートワーク in Iwate

東京の受託開発会社でリモートワークしてます。

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