Turbolinks使加载的页面为空白

Turbolinks makes page loaded blank

本文关键字:空白 加载 Turbolinks      更新时间:2023-09-26

我认为是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);

那是砖石库。它仍然没有找到

带有砖石结构的涡轮连杆不起作用。

您可以使用任何css框架中的网格或使用EXhttp://isotope.metafizzy.co/它也适用于无限滚动:)