turbolinks专题提供turbolinks的最新资讯内容,帮你更好的了解turbolinks。
在使用浏览器中的后退/前进按钮时,我会遇到一个Turbolinks会多次绑定事件的问题.我有一个简单的脚本,以确保不是我一直在写我的document.on()事件的方式,所以… $(document).on 'page:load', -> alert 'Loaded' 点击链接时会点亮一次.点击后退或转发(或另一个Turbolink链接),它将启动两次.下一次它会发火,一直持续增长.这是我在j
有人可以解释我们应该如何正确地将Googletagmanager与Turbolinks集成? 在普通页面上,我们只需在开始标记之后立即复制/粘贴此代码. <!-- Google Tag Manager --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-******" height="0" width="
我正在尝试使用turbolinks 5找到一种处理rails(v4.1)flash消息的方法. 我尝试将data-temporary =“true”添加到每个flash消息div,然后是: $(document).on('turbolinks:before-cache', function () { $('[data-temporary]').remove(); }); 所以旧的flash消息
什么是在浏览器后退按钮上初始化 jquery插件的更好的解决方案,不仅仅是在使用Rails 5中的turbolinks转换元素,如masterslider(照片库)或光滑(carousel),而不是像我下面那样重新加载页面? document.addEventListener 'turbolinks:load', -> slickElementsPresent = $('.event-card
据我所知,我可以在 Turbolinks 5上调用以下代码,但它会更改滚动位置.有没有办法调用Turbolinks来刷新页面而不是更改滚动位置? Turbolinks.visit(location.toString()); 这将做我想要的,但希望使用Turbolinks window.location.reload() 在调用visit之前存储当前滚动位置,然后在页面加载时滚动到该存储位置.将存储
我正在开发一个使用Turbolinks gem的 Ruby on Rails 4应用程序.我注意到当点击一个链接时,布局仍然呈现在服务器端,但Turbolinks JavaScript只是抓住了这个渲染内容的主体.我的问题是在控制器方面是否可以确定是否通过Turbolinks发出请求.基本上,如果通过Turbolinks发出请求,我想将布局设置为false,以便不执行不需要的代码.在我的Appli
我有这个表单调用datepicker: ... <%= f.input :expiration_date, as: :datepicker, required: false %> ... Simple_form包装: 应用程序/输入/ datepicker_input.rb class DatepickerInput < SimpleForm::Inputs::Base def input
我有一个简单的页面,有一个标题和抽屉导航,如下所示 我的问题是,每当我浏览到另一个页面,抽屉菜单图标(汉堡包图标)消失.我能够使用componentHandler.upgradeDom()触发图标显示;在Chrome的控制台. 我试图删除// =需要涡轮,一切都继续工作,当然是以我的页面加载速度为代价. FYI,我把javascript移到了< body>的底部.提高第一页加载速度.我也试图将ja
在Rails中使用turbolinks,如果请求需要很长时间,无论是否预期,浏览器都没有通常的提示来显示任何事情都发生. 我创建了一个工具围绕这个问题使用加载对话框,如果请求超过500ms,这是可配置的,它将自动弹出. https://gist.github.com/cpuguy83/5016442 @PageSpinner = spin: (ms=500)-> @spinner =
我有一个启用了turbo链接的Rails 4应用程序,但是当更改页面(不是完全刷新)时,我无法获取元标记来刷新.我读到元标签需要包含在加载turbo链接的 JavaScript之前,但是它没有任何效果.完全刷新工作,但不幸的是,这不是我搜索的. 布局/ application.html.haml %html %head %title= "Title" - if content_
我的页面上有一个搜索表单,对于Turbolinks是可以安全的,因为它使用method =“get” 有没有任何简单的方法可以在Turbolinks的控制下提交表单(即避免页面刷新) 在turbolinks项目中,有 issue #64有人为Rails写了一个Coffeescript实现. 添加该链接提供的代码. 它增加了一个需要在页面准备就绪的turboforms函数,如下所示: $(turbo
我们正在开展一个相当大而广泛的应用. 该网站将有很多不同的部分与一些非常不同的用户界面要求和行为. 展望未来,Rails 4将资产管道分为独立的宝石,因此我们可以选择是否包含.同样的事情可能会发生在turbolinks. 这几天我一直在问自己的问题,找不到答案是:我应该在项目中使用这些图书馆吗? 我的反思中的主要问题是,一体式文件策略可能无法正常工作,我们必须在应用程序的不同部分使用文件包.因为它
我今年一直在使用turbolinks,但最近我得到这个烦人的bug.通过载波上载的图像在第一个请求中加载了绝对URL的站点,但是当您通过turbolinks开始在站点中浏览时,所有载波图像将更改为相对路径. <%= image_tag“image.jpg%>元素可以正常工作,但是图像被加载为CSS background-image,它们不会出现,这显然只发生在chrome(我有Versión31.
我试图在点击时用微调器替换文本链接.我有这个: $(document).on('page:fetch', function(e) { $('.spinner').replaceWith( "<img src='<%= asset_path('layout/spinner.gif') %>'>" ); }); 但很明显,与.spinner类的所有链接都获得了微调器.我想只在被点击的链接上替换它,
我最近将我的网站升级到Bootstrap 3,并且正在通过所有布局来更新类名和各种功能以正常工作.我最近的问题是,下拉菜单似乎不起作用.起初我以为我没有正确地为我的导航栏实施代码,但是在沮丧之后,我实际上试图摆脱我的导航栏,并使用直接从 BS 3 documentation的一个代码.即使代码不起作用.我已经研究了这一点,我相当肯定我已经加载了所有正确的.js库.这是我的application.j
我正在开发Rails 4.0中的一个应用程序,我有一个问题,turbolinks没有播放很好与一些jQuery代码我有.我有一个Quote模型有一个相关的QuoteItems模型.我使用accept_nested_attributes_for和一些jQuery来填充行项目表单. 当我点击一个链接将我带到new_quote_path时,动态链接不会触发JavaScript代码.当我刷新页面,表格WO
我的 JavaScript正在执行两次.当我运行Chrome调试器时,我注意到单个JavaScript文件将在第一次执行代码,然后,application.js文件将再次执行代码. 我相信这种情况正在发生,因为我最近关闭了预编译,因为我遇到了Heroku的问题.在此之后我运行了rake资产:预编译. Turbolinks 您可能在Turbolinks中遇到问题(考虑到您已将其包含在资产管道中);虽
我想仅在用户第一次登录时触发一些JS,只有第一次加载特定页面. 我相信我可以第一次登录,只需检查user.sign_in_count< 2,但是我不知道如何仅在第一页上加载加载. 即我不想在用户第一次登录后触发JS,并刷新页面而不注销. 我使用Turbolinks和$(document).on(‘turbolinks:load’,function(){来触发它. 编辑1 所以我想做的是在许多页面上
在使用Turbolinks的Rails 5.1应用程序中,我在我的提交按钮中添加了一个data-disable-with属性,因此在单击时,该按钮将被禁用,以防止意外多次提交数据.这在许多情况下都很有用. 问题是在使用内置UJS帮助程序(data-remote = true)通过AJAX提交的表单上,单击提交按钮时,它不会保持禁用状态.它最初被禁用,但在下一页加载之前会快速重新启用.这违背了数据禁