Javascript Rails 5,Turbolinks 5 JQuery停止页面重新加载工作
我在这里看到过几次这个问题,但是没有一个解决方案适合我,包括Rails指南中的解决方案。我下面的代码有什么问题吗?从本质上讲,当一个页面最初加载时,JQuery工作,但当您重新加载页面时,一切都停止工作。我是个疯子,非常感谢你的帮助和耐心 app/javascripts/application.jsJavascript Rails 5,Turbolinks 5 JQuery停止页面重新加载工作,javascript,jquery,ruby-on-rails,turbolinks,turbolinks-5,Javascript,Jquery,Ruby On Rails,Turbolinks,Turbolinks 5,我在这里看到过几次这个问题,但是没有一个解决方案适合我,包括Rails指南中的解决方案。我下面的代码有什么问题吗?从本质上讲,当一个页面最初加载时,JQuery工作,但当您重新加载页面时,一切都停止工作。我是个疯子,非常感谢你的帮助和耐心 app/javascripts/application.js //= require jquery //= require jquery_ujs //= require turbolinks //= require bootstrap-sprockets //
//= 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");
}
);
});
尝试('turbolinks:load',function(){
并将gem'jquery turbolinks'
添加到您的gem文件中。它会起作用的。
检查并通知我。我想这次应该可以用。试试('turbolinks:load',function(){…})上的
$(文档)
从CALL中删除就绪
我也尝试过。运气不好。还有其他想法吗?请阅读文档,特别是关于幂等事件处理程序的部分。您应该将委托事件处理程序与$(文档)一起使用。on(单击“选择器”…
而不是将处理程序直接附加到元素。此外,如果这是Rails 4应用程序,您可能实际使用的是现在称为turbolinks classic的程序。turbolinks classic中的相应事件是页面:更改
也请检查控制台是否有错误。听起来不言而喻,但您会感到惊讶。。。