##目的
RailsでjQueryが動作するようにする。
##記述
$('button').on('click',function(){
$('.popup').addClass('show').fadeIn();
});
$('#close').on('click',function(){
$('.popup').fadeOut();
});
##なぜ動かなかったのか
Railsに標準でインストールされているturbolinksが原因でした。
以前JavaScriptでも同じ原因で動作しなかったことがありました。よく考えれば当然ですがjQueryにも影響があるようです。
JavaScriptと同様に'turbolinks:load'が必要なので下記の通り変更しました。
##変更後の記述
$(document).on('turbolinks:load', function() {
$('button').on('click',function(){
$('.popup').addClass('show').fadeIn();
});
$('#close').on('click',function(){
$('.popup').fadeOut();
});
});
無事動作させることができました。