草庐IT

turbolinks-5

全部标签

javascript - Turbolinks:Rails 4 显示慢速页面进度的方式是什么?

这个问题听起来可能类似于Railsturbolinkslongrequestdoesn'tshowpageload.我最近启动了新的Rails4应用程序,它默认使用Turbolinks库-它很棒:让应用程序感觉更快/更敏捷,但是我确实有一些页面比其他页面慢。不幸的是,我找不到让浏览器显示默认加载指示器的好方法——就像加载“常规”网页时那样。人们推荐不同的JavaScript解决方案,例如https://github.com/caarlos0/turbolinks_transitions.虽然有些看起来不错,但“普通互联网用户”不习惯在默认浏览器的加载指示器以外的地方看到加载进度。如何让

javascript - 带有 turbolinks 和窗口负载的 rails 4

我正在使用Rails4。我正在尝试使用此脚本来显示谷歌地图。我得到一个包含不同地方的页面,每个地方都有一个地址。它显示在谷歌地图中。所以我使用分页,在每一页上我有4个位置。4个gmap脚本。但此脚本仅在页面重新加载(ctrl+R或F5)时初始化,这是因为turbolinks。我怎样才能使它以最简单的方式工作?functioninitialize(){varmyLatlng=newgoogle.maps.LatLng(,);varmapOptions={zoom:16,center:myLatlng};varmap=newgoogle.maps.Map(document.getEleme

javascript - Rails 5 Live Search with Keyup 丢失输入焦点 Turbolinks

我有一个Rails5.1.3应用程序,它是一个基本的联系人模型(方便的名称和号码)。我正在使用ransack在索引View/页面上进行搜索。我正在使用coffeescript来监听输入上的keyup事件并且它正在工作,在我键入时触发(根据rails开发日志)但是表单上的输入失去焦点并且部分不会在我单击时继续刷新回到投入和类型。我认为这是一个Turbolinks问题,但我不确定。这是我的Controller:contacts_controller.rb摘录classContactsControllerparams[:page],:per_page=>2)respond_todo|form

javascript - Facebook 分享按钮未加载 Rails turbolinks

我遵循Facebook的一般准则以包含“分享”按钮(社交插件)https://developers.facebook.com/docs/plugins/share-button_social.html.erbfb_share.jsvarfb_share;fb_share=function(d,s,id){varjs,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//connect.facebook.net/en_US/sdk.j

javascript - Rails 5 - turbolinks 5,一些 JS 未在页面呈现时加载

我有一个Rails应用程序,我最近更新到5.0.0.RC1。大部分过渡都很顺利,但我在使用新的Turbolinks时遇到了一些麻烦。例如,在我的应用程序中,我使用了这个gem:gem'chosen-rails'我的application.js文件如下所示://=requirejquery//=requirejquery.turbolinks//=requirejquery_ujs//=requirebest_in_place//=requiretether//=requirebootstrap//=requirechosen-jquery//=require_tree.//=requi

javascript - 防止由 Rails Turbolinks 导致的 Google maps JS 执行多次

我目前正在开发出现以下错误的Rails应用程序:YouhaveincludedtheGoogleMapsAPImultipletimesonthispage.Thismaycauseunexpectederrors.经过一些研究,我发现Turbolinks导致了这个问题。单击link_to时,Googlemap创建的所有DOM元素都将保留在DOM中。呈现新页面时,会添加另一组GoogleMapDOM元素,从而导致重复和错误。我可以通过简单地将'data-no-turbolink'=>true添加到我的link_to来非常快速地解决这个问题,但这违背了使用Turbolinks的目的,因为

javascript - 使用 ajax 的 Select2 使用 Rails turbolinks 事件进行了多次初始化

我正在使用Rails4.2.6开发RubyOnRails应用程序。我将Turbolinks与jquery.turbolinks一起使用(抱歉,我无法发布这些元素的链接,因为我是网站上的新手)。我的问题很简单,但我无法解决。这里是:我有一个通过AJAX获取的表单Nouvelleexpérienceprofessionnelle表单包含通过AJAX获取数据的Select2元素=simple_form_for[profile,position],remote:true,html:{id:'positionForm',class:'m-b-1'}do|f|=f.input:company_id

Turbolinks-如何在表格按钮上打开本机相机/画廊单击

我正在使用Turbolinks开发Android和iOSWebApp。我正在尝试使用本机视图/过程从画廊中实施新图片或从画廊中选择一张图片。我的形式有这条线当我通过浏览器访问我的WebApp时,它正常工作。但是,在运行Turbolinks应用程序时单击输入无济于事。我怀疑这是因为输入字段不是一个链接,因此不会触发visitProposedTolocationWithAction()。当单击此输入时,如何手动触发本机照片拍摄/选择流?看答案我最终使用了载波。如果您遵循说明并将其添加到模型中,则可以正常工作。更具体地说,该输入线将更改为

javascript - 使用 Turbolinks 完全加载后显示页面

我正在使用Turbolinks,我有一个在页面之间发生的加载动画。我目前正在使用page:load来完成动画,但是,似乎page:load就像文档准备就绪而不是window.on加载。期望的效果是在页面加载时在内容上显示一个叠加层,上面有一个加载动画。一旦页面完全加载(包含图像、对象等),它就会淡出叠加层以显示内容。发生的事情是在页面完全加载之前显示内容。这是我正在使用的javascript。(function(){functionshowPreloader(){Turbolinks.enableProgressBar();$('#status').fadeIn('slow');$('

javascript - 使用 Turbolinks 完全加载后显示页面

我正在使用Turbolinks,我有一个在页面之间发生的加载动画。我目前正在使用page:load来完成动画,但是,似乎page:load就像文档准备就绪而不是window.on加载。期望的效果是在页面加载时在内容上显示一个叠加层,上面有一个加载动画。一旦页面完全加载(包含图像、对象等),它就会淡出叠加层以显示内容。发生的事情是在页面完全加载之前显示内容。这是我正在使用的javascript。(function(){functionshowPreloader(){Turbolinks.enableProgressBar();$('#status').fadeIn('slow');$('