javascript - Rails 5、Turbolinks 5 JQuery 在页面重新加载时停止工作

Question

我在这里多次看到这个问题，但没有一个解决方案对我有用，包括 Rails 指南中的解决方案。我的下面的代码有什么问题吗？本质上，当页面最初加载时，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 中。它会起作用的。检查并通知我。我想这次应该可以了。