javascript - Rails 5，Turbolinks 5 JQuery 停止处理页面重新加载

Question

我已经看到这个问题在这里发布了几次，但没有一个解决方案对我有用，包括 Rails Guide 中的解决方案。下面我的代码有什么问题吗？本质上，当页面最初加载时，JQuery 工作，但是当您重新加载页面时，一切都停止工作。我是 Rails 菜鸟，非常感谢您的帮助和耐心。

应用程序/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-turbolinks'到您的 gemfile 中。它会工作的。检查并通知我。我觉得这次应该可以了。