Rails 5，Turbolinks 5 JQuery停止在页面重新加载

Question

I've seen this problem posted a few times on here, but none of the solutions work for me, including the one from the Rails Guide. Is there something wrong with my code below that I'm missing? Essentially, when a page initially loads, JQuery works, but when you reload the page, everything stops working. I'm a Rails noob so appreciate your help and patience.

app/javascripts/application.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap-sprockets
//= bootstrap.min.js
//= require_tree .

$(document).on('ready turbolinks:load', function(){
    $(".full-width").fadeIn(2500);

    $(".index-thumbnails").hover(function(){
        $(this).animate({opacity: 0.60},"fast")
    },
    function(){
        $(this).animate({opacity: 1},"fast")
    });

    setTimeout(function(){
    $("#subscribeModal").modal("show"); 
    }, 
    5000
    );

    $(".close").on("click", function(){
        $("#subscribeModal").modal("hide");
    });

    $(".social").mouseover(
        function(){
          $(this).animate({height: 116, width: 116},"fast");
        }
    );

    $(".social").mouseout(
        function(){
          $(this).animate({height: 96, width: 96},"fast");
        }
    );

});

Answer 1

尝试$(document).on('turbolinks:load', function(){并将gem'jquery gem 'jquery-turbolinks'到你的gemfile。它会工作。检查并通知我。我认为这次应该可以工作。