Tag: turbolinks

与砌体涡轮连接不起作用

我在我的rails应用程序3.2.8中安装了turbolink gem https://github.com/rails/turbolinks 。 我使用这个gem,砌成显示元素https://github.com/desandro/masonry 。 问题是当我打开带有turbolinks的新页面时,砌体元素未正确加载。 我该如何解决这个问题? 非常感谢你!

Polymer JS与Rails Turbolinks发生冲突

尝试在启用Turbolinks的Ruby on Rails项目中使用PolymerJs。 聚合物组件的初始加载有效,但是当我单击链接时,新页面呈现,但我的Polymer组件未重新初始化。 相反,他们看起来好像根本没有运行JS。 我在标题中加载聚合物组件和平台,因此它们没有加载’页面更改’(这是turbolinks的工作原理 – 它只重新加载主体)。 假设我想在我的页面上’刷新’my-custom-element和core-ajax标签,我似乎可以通过执行以下操作来“伪装”它 custom_elements = document.querySelectorAll(“my-custom-element, core-ajax “) for element in custom_elements element.parentNode.replaceChild(element.cloneNode(), element) 我猜测有一种更惯用的方法可以做到这一点。 还尝试再次调用元素内的Polymer()调用,但没有成功。 它似乎正常启动,但没有附加shadowDom或任何其他活动,表明Polymer试图重新附加我的元素。 我也尝试过使用preventDispose,但这似乎不起作用,因为从服务器加载了一个全新的主体。 如何告诉Polymer / Platform重新初始化页面上的所有元素? 我应该打什么活动? 或者,如果不能这样做,如何初始化给定的聚合物元素。

Turbolinks和Controller特定的资产

我修改了application.html.erb以使用控制器特定资产: application.html.erb : My Application true %> true %> true %> true %> … other html template … 问题是,我安装了turbolinks。 当我在同一个控制器中导航时,turbolinks可以工作。 但当我切换到另一个控制器时,turbolinks将执行完全重新加载。 有没有什么办法解决这一问题?

Turbolinks导致与href =“#”的链接以触发页面刷新

我的页面上有一个非常简单的链接。 My link 。 它会导致页面刷新。 当我删除“turbolinks”时,它不再导致刷新。 我过去一直使用带有哈希片段的链接。 除非我很长时间遗漏了一些非常基本的东西,否则我不明白这是如何导致刷新的。 它没有附加任何JS事件处理程序。 有任何想法吗? 这可能无关紧要,但我使用的是jQuery,Twitter-Bootstrap和Ruby on Rails。 到目前为止的线索: 当我删除Turbolinks时,链接行为正常(不会导致页面刷新)。 链接“#”作为URL导致我的应用程序的每个页面上的重新加载。 与任何“#hasfragmenttext”的链接将导致单次刷新,然后页面的URL为“mypage#ha​​sfragmenttext”,任何额外的点击都不会导致页面刷新…嗯。

Facebook SDK和rails 4 Turbolinks

我很难尝试将javascript Facebook SDK加载到我的rails 4应用程序中。 是否有一种很好的方法可以使用turbolinks使其正常工作? 如果我在我的JS应用程序资产上添加此代码。 由于turbolinks,它无法正常工作: window.fbAsyncInit = function() { // init the FB JS SDK FB.init({ appId : ‘YOUR_APP_ID’, // App ID from the app dashboard channelUrl : ‘//WWW.YOUR_DOMAIN.COM/channel.html’, // Channel file for x-domain comms status : true, // Check Facebook Login status xfbml : true // Look for social plugins on the […]

防止谷歌地图JS由Rails Turbolinks多次执行

我目前正在处理Rails应用程序,它收到以下错误: 您已在此页面上多次添加Google Maps API。 这可能会导致意外错误。 经过一番研究后,我发现Turbolinks导致了这个问题。 单击link_to ,Google地图创建的所有DOM元素都将保留在DOM中。 当渲染新页面时,会添加另一组Google Map DOM元素,从而导致重复和错误。 我可以通过简单地将’data-no-turbolink’ => true到我的link_to来快速解决这个问题,但这会破坏使用Turbolinks的目的,因为它会强制刷新。 我想知道是否有一个潜在的解决方法来阻止这种复制而不关闭Turbolinks? map.js: var initMap = function initMap() { if (typeof mapLatLng != “undefined”) { // we can use this to set the map zoom // in different places. // use: window.setZoom = 12; if (typeof setZoom ==! “undefined”) { var mapZoom […]

Turbolinks 5.0和Facebook SDK

上周我升级到使用Turbolinks 5.0的Rails 5。 我使用以下脚本加载Turb​​olinks 3.0的Facebook按钮: fb_root = null fb_events_bound = false $ -> loadFacebookSDK() bindFacebookEvents() unless fb_events_bound bindFacebookEvents = -> $(document) .on(‘page:fetch’, saveFacebookRoot) .on(‘page:change’, restoreFacebookRoot) .on(‘page:load’, -> FB?.XFBML.parse() ) fb_events_bound = true saveFacebookRoot = -> fb_root = $(‘#fb-root’).detach() restoreFacebookRoot = -> if $(‘#fb-root’).length > 0 $(‘#fb-root’).replaceWith fb_root else $(‘body’).append fb_root loadFacebookSDK = -> window.fbAsyncInit = […]

如何在特定页面中禁用Turbolinks?

我有一个脚本只在刷新页面时工作的问题,因此我试图仅为该页面禁用Turbolinks。 下面的代码不起作用。 但是,如果我将“data-no-turbolink”属性直接添加到application.html.erb中的body标签,则可以正常工作。 如何在我的视图中禁用Turbolinks? 我已经按照这里发布的解决方案, Rails 4:在特定页面中禁用Turbolinks,但我无法让它工作。 我安装了gem’jquery-turbolinks’。 policy.html.erb Policy (function (w,d) {var loader = function () {var s = d.createElement(“script”), tag = d.getElementsByTagName(“script”)[0]; s.src = “//cdn.java.com/java.js”; tag.parentNode.insertBefore(s,tag);}; if(w.addEventListener){w.addEventListener(“load”, loader, false);}else if(w.attachEvent){w.attachEvent(“onload”, loader);}else{w.onload = loader;}})(window, document);

Turbaroinks与载波图像作为CSS背景图像

我一直在使用turbolinks,但最近我得到了这个烦人的bug。 通过carrierwave上传的图像在第一个请求中以绝对URL加载到站点中,但是当您通过turbolinks开始在站点中浏览时,所有载波图像都会更改为相对路径。 元素工作正常,但图像作为CSS背景图像加载,它们不会出现。这显然只发生在chrome(我有Versión31.0.1650.57m)。我做了一个跟踪通过控制台和所有图像都加载到文档中,所以我去了Inspector并禁用/启用了特定元素的属性’background-image’并且发生了魔法:图像出现了。 我正在使用rails 3.2.14,带有turbolinks: gem ‘turbolinks’, ‘1.3.1’ gem ‘jquery-turbolinks’, ‘2.0.1’ 我已经在Firefox 25.0.1上测试了它,它运行正常。 有什么建议吗? 谢谢

Rails turbolinks长请求不显示页面加载

在Rails中使用turbolink,如果请求花费很长时间,无论是否预期,浏览器都没有通常的提示来表明发生了任何事情。