Question

我已经在这里发布了几次这个问题，但没有一个解决方案适合我，包括Rails指南中的解决方案。我的代码下面有什么问题我错过了吗？本质上，当页面最初加载时，JQuery可以工作，但是当你重新加载页面时，一切都停止工作。我是一个Rails noob，所以感谢你的帮助和耐心。

应用程序/ Javascript角/ 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中。会的检查并通知我。我认为这次应该可以。

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

1 个答案: