我在这里多次看到这个问题,但没有一个解决方案对我有用,包括 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");
}
);
});
最佳答案
尝试 $(document).on('turbolinks:load', function(){
并将 gem 'jquery-turbolinks'
添加到您的 gemfile 中。它会起作用的。
检查并通知我。我想这次应该可以了。
关于javascript - Rails 5、Turbolinks 5 JQuery 在页面重新加载时停止工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39926151/