Turbolinks使加载的页面为空白
Turbolinks makes page loaded blank
我认为是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/它也适用于无限滚动:)
相关文章:
- 防止形成“;提交时”;正在加载空白页
- 从文本文件加载jsondata时出现空白页
- laravel中的ajax会重新加载一个空白页面
- Javascript:Google Maps API:如果地图加载在隐藏容器中,则为空白地图
- 加载less.min.js cdn会导致空白页面
- 我们怎么知道消除HTML/JS/CSS文件中的空白可以缩短页面加载时间呢
- I'当我试图将java脚本加载到web视图中时,我得到了一个空白屏幕
- 我得到了一个“;未能加载资源“;在尝试运行空白离子启动器应用程序时出现Cordova错误
- 加载json文件时出现空白网页,没有任何错误
- XML 问题 - 加载空白页
- 正文加载创建空白页
- 延迟 window.print() 直到页面在 ajax 请求中加载以避免空白打印屏幕
- 打开时加载空白页
- 当变量通过 URL 传递时,PHP 页面加载空白
- 角度:在另一个模态指令中加载的谷歌地图指令保持空白
- Facebook共享对话框打开空白弹出窗口 - 但在重新加载时有效
- 为什么谷歌地图容器在此设置中突然加载为灰色空白
- 加载空白图像的速度比多个if语句快
- Firefox不会“;正确地“;打开具有目标=“0”的链接_空白“;JavaScript在页面加载时添加的属性
- 直接加载时显示空白页(PHP)