Tag: turbolinks

Datepicker不显示日历: 我在我的应用程序中有一个表单，我可以从datepicker日历中选择一个日期。刷新页面时，单击表单时会出现日期选择器日历。这是正确的行为。但是，当我使用链接从其他页面到达同一页面时，单击表单后不会显示日历。我必须刷新页面才能使日历可见。这是我的表单页面： # app/views/reservations/_form.html.erb … … 我的javascript代码： # app/assets/javascripts/reservations.js.coffee $ -> $(‘.date’).datepicker({ format: ‘dd-mm-yyyy’ autoclose: true todayHighlight: true language: ‘fr’ }); 和Gemfile： source ‘https://rubygems.org’ ruby “2.0.0” # Bundle edge Rails instead: gem ‘rails’, github: ‘rails/rails’ gem ‘rails’, ‘4.0.0.beta1’ gem ‘bootstrap-sass’, ‘2.3.1.0’ gem ‘bcrypt-ruby’, ‘3.0.1’ gem ‘protected_attributes’ gem ‘will_paginate’ gem ‘bootstrap-will_paginate’ gem […]

Rails 4和Turbolinks – Meta标签不变: 我有一个启用了turbo-links的Rails 4应用程序，但是我无法在更改页面时刷新元标记（不是完全刷新）。我读到在加载turbo-links的javascript之前需要包含元标记，但它没有任何效果。完全刷新可以完成这项工作，但不幸的是，这不是我搜索的内容。布局/ application.html.haml %html %head %title= “Title” – if content_for?(:meta_description) %meta{content: (yield :meta_description), name: “description”}/ %meta{content: (yield :meta_keywords), name: “keywords”}/ = stylesheet_link_tag “application”, media: “all”, “data-turbolinks-track” => true = javascript_include_tag “application”, “data-turbolinks-track” => true = csrf_meta_tags %body{class: params[:controller].gsub(“/”, “-“), id: ‘top’} = render “shared/header” .body-content = render “shared/flash” = yield = render […]

有没有办法写数据：{turbolinks：false}数十亿次？轨道的turbolinks值得吗？: turbolinks（5.0.0） Rails 4.2.2 DRY是否会在您的应用data: {turbolinks: false}每个link_to data: {turbolinks: false} ？或者这是否会破坏Turbolinks的目的，并建议它应该被删除？如果单击链接，大量的jquery脚本将无法正常工作，除非它包含data: {turbolinks: false } ，脚本将在重新加载页面时正常工作。我的jquery包含在： $(document).on(‘turbolinks:load’, function () { #something here});

Rails turbolinks破解提交远程表单: 我使用Rails 4，Turbolinks和一个远程表单有一个相当奇怪的问题。我的表格看起来像：此表单添加（创建）一个新对象。但它确实不起作用：当我直接使用URL或刷新加载页面时; 有用当我从我的应用程序导航到此页面时; 它失败当为此链接禁用Turbolinks时，该页面工作正常。我有两个问题：为什么这不起作用？这是因为由于JQuery / Turbolinks问题，远程处理程序没有附加到按钮？我该如何解决这个问题？提前致谢。解感谢@ rich-peck，解决方案是添加一段javascript，点击按钮后手动提交表单： var id = “#”; var inputs = $(id).parent().find(‘input’); console.log(inputs); $(id).parent().find(‘button’).on(‘click’, function(e) { e.preventDefault(); $(id).append(inputs.clone()); $(id).submit(); }); 此代码将javascript添加到表单行，获取输入，将它们附加到ID并提交表单。 preventDefault（）; 防止在刷新页面并且表单实际工作时两次发送查询。

如果我在Rails中使用Turbolinks，则单击浏览器中的“返回”将禁用我的javascript代码: 好吧，正如标题所说或多或少。我在我的Rails应用程序中使用了gem Turbolinks，而且我对“浏览器后退”按钮有点问题。我的javascripts工作正常，直到我在浏览器中单击，然后它停止工作。如果我单击我的应用程序中的链接或重新加载页面，它将再次开始工作。 ant想法如何解决这个问题？

如何使用Rails 4的Turbolinks创建Youtube样式加载栏？: 有没有办法使用turbo-links制作Youtube样式加载栏（跨顶栏的页间）。 Turbolinks有很多不同的回调，所以你可以跨越几个步骤制作一个跳跃的但是有没有办法挂钩进展呢？

启用turbolinks重新渲染特定的js文件: 我正在使用Rails 4并希望使用内置的Turbolink gem。我很满意它所做的一切，除了我希望它在每个页面请求时重新加载一个js文件。换句话说，我想要一个特定的js文件来忽略turbolinks，我该怎么做呢？

带有Turbolinks的Googletagmanager: 有人可以解释我们应该如何正确地将Googletagmanager与Turbolinks集成？在普通页面上，我们只需在开始标记之后立即复制/粘贴此代码。 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’: new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src= ‘//www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f); //f.parentNode.insertBefore(j,f); })(window,document,’script’,’dataLayer’,’GTM-******’); 如果我在Turbolinks支持的页面中复制此代码，我可以看到只有一个网络请求（第一次加载页面时）

turbolinks与bootstrap模式的问题: 我做这样的模态：显示模态的链接： true), ‘data-toggle’ => ‘modal’, ‘data-target’ => ‘#myModal’, ‘data-no-turbolink’ => true %> 模态html本身： Fechar 但是， data-no-turbolink按预期工作。如果我刷新页面，它可以正常工作，但是，当我使用turbolinks浏览页面时，看起来像data-no-turbolink只是被忽略。难道我做错了什么？我有一些模态，如我的应用程序中的示例，不想删除它们，也不想删除turbolinks … 提前致谢。

导轨4带有涡轮和窗户负载: 我正在使用Rails 4。我正在尝试使用此脚本来显示谷歌地图。我有一个不同地方的页面，每个地方都有一个地址。它显示在谷歌地图中。所以我使用分页，在每个页面上我有4个位置。 gmap的4个脚本。但是这个脚本仅在页面重新加载（ctrl + R或F5）时初始化，这是因为turbolinks。我怎样才能让它以最简单的方式工作？ function initialize() { var myLatlng = new google.maps.LatLng(, ); var mapOptions = { zoom: 16, center: myLatlng }; var map = new google.maps.Map( document.getElementById(“map-canvas-“), mapOptions); var marker = new google.maps.Marker({ position: myLatlng, map: map, title: ” }); } google.maps.event.addDomListener(window, ‘load’, initialize); 这是剧本。每个地图的div看起来像这样： <div […]