我认为是 Turbolinks 导致了此问题,但如果我在登录时位于我的 root_path
上并转到一堆不同的页面,然后返回到我的 root_path
并且页面的大部分主要部分不会显示。
日志显示所有元素都已加载,当我查看源代码时,我看到了所有元素 - 但它只是没有显示在 root_path
第二次加载的页面上。
这是我的application.js
//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require bootstrap
//= require bootstrap-sprockets
//= require best_in_place
//= require jquery-ui/datepicker
//= require best_in_place.jquery-ui
//= require jquery.purr
//= require best_in_place.purr
//= require bootstrap.file-input
//= require chosen.jquery
//= require spin.min
//= require ladda.min
//= require masonry.js
//= require main.js
//= require intro.js
//= require turbolinks
$(document).ready(function() {
/* Activating Best In Place && Include Success Highlighting & Bounce for comments & videos */
jQuery(".best_in_place").best_in_place().bind("ajax:success", function () {$(this).closest('p, h5').effect('highlight').effect("bounce", { times:3 }, { duration:400}).dequeue(); });
});
$(document).on("page:load ready", function(){
$("input.datepicker").datepicker();
});
在我的application.html.erb
中:
<%= javascript_include_tag "application", "data-turbolinks-track" => true %>
我什至尝试将其添加到我的 application.js
但它仍然不起作用:
$(document).ready(ready);
$(document).on('page:load', ready);
最佳答案
那是砌体库。还是没弄清楚
turbolinks with masonry is not working .
您可以使用任何 css 框架中的网格或使用 EX http://isotope.metafizzy.co/这也适用于无限滚动:)
关于javascript - Turbolinks 使页面加载为空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26398420/