首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

$(文档).on('turbolinks:load',function() {不工作

$(文档).on('turbolinks:load',function() {不工作是因为turbolinks是一种用于加速网页加载速度的技术,它通过在页面之间使用AJAX进行局部刷新来提高用户体验。当使用turbolinks时,页面的加载方式会发生变化,导致一些传统的页面加载事件无法正常触发。

在这种情况下,可以尝试使用其他事件来替代'turbolinks:load'事件,例如使用'DOMContentLoaded'事件或者'load'事件。这两个事件在页面加载完成后都会触发,可以用来执行需要在页面加载完成后执行的代码。

另外,也可以尝试使用turbolinks提供的其他事件来替代'turbolinks:load'事件,例如'turbolinks:before-cache'事件或者'turbolinks:render'事件。这些事件在页面加载过程中的不同阶段触发,可以根据具体需求选择合适的事件来执行相应的代码。

总结起来,当$(文档).on('turbolinks:load',function() {不工作时,可以尝试使用其他事件来替代,或者根据具体需求选择合适的事件来执行相应的代码。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Stimulus:让web应用在移动端达到原生体验

这个愿望可以得到一种解决方案:Turbolinks和Stimulus。 Turbolinks从GitHub上一种叫做pjax的方法开始,基本概念保持不变。...为了避免这种重新初始化,Turbolinks像单页面应用程序一样保持一个持续的过程,它拦截链接并通过Ajax加载新页面,服务器仍然返回完整的HTML文档。...Stimulus不会自动创建HTML,而是将其附加到现有HTML文档。Stimulus与Turbolinks配对可以最小的努力为快速,引人注目的应用提供完整的解决方案。 它是如何工作的呢?...它适用于DOM的任何更新,无论是整页加载,Turbolinks页面更改还是Ajax请求,Stimulus可以管理整个生命周期。 开发者可以根据Stimulus手册花费五分钟的时间写下一个控制器。

1K80

Rails 从入门到完全放弃

好在前端底子厚,学习ERB,UJS,RJS的过程比较轻松,但是Turbolinks对于前端工程师来说就是噩梦,一直到现在我都用的Pjax。不喜欢Turbolinks的做法,Pjax显得很机智。...文件上传 上传图片 对于图片等资源的处理,最开始没有选用Carrierwave的方案,而是使用七牛云存储JS SDK,开始接触的时候,发现并没有多少参考文档,于是想是不是这个东西比较简单也比较少人用,还是...相比与微信支付,支付宝的文档真心不友好,看到吐,而且申请流程繁琐。如果你有打算在项目中使用支付宝支付,最好提前两个月做申请。虽然我不太喜欢马化腾,但是微信支付的文档我给32个赞,使用起来也方便。...$(element).on('touchstart', function(e){/* do something */} Rails 的问题 Rails从诞生到现在,已有经年。...社区里面有的人说Phoenix抄Rails的,我并不认同,Phoenix传承了敏捷开发的思想,也为开发者提供了诸多的便利,像Hot load的技术也被集成进来,对于Socket的支持也是相当的好。

2.2K20
  • InstantClick,让你的网站快到起飞,PJAX技术

    但是官方文档纯英文,可能阅读上有点障碍,所以,在此,翻译一下大部分的官方文档内容,方便新手快速使用。大部分采用直译方式,需要注意的地方 用小括号注释起来。...instantclick总是“即插即用”(不是通过两行代码就可以在你的网页上运行),你可能需要自定义一些设置来适应你的网站,这也是为什么阅读上述文章是强制性的。...(与Turbolinks、pjax等等技术是类似的) 默认: 在鼠标悬停预加载(on mouseover) 当用户鼠标悬停在链接上开始预加载页面。如果用户网络链接不错的话,你的页面会很快的打开。...因此,一些脚本可能需要调整才能与InstantClick正常工作。...您可以通过查看Turbolinks兼容性站点上的示例(在CoffeeScript中)了解如何解决兼容性问题。

    3.7K20

    domReady的理解

    再来看一下DOMContentLoaded事件与load事件的触发时机: 当初始的HTML文档被完全加载和解析完成之后,DOMContentLoaded事件被触发,而无需等待样式表、图像和子框架的完全加载...当整个页面及所有依赖资源如样式表和图片都已完成加载时,将触发load事件。不使用动态加载的同样会阻塞load事件,此外即使是异步加载的标签同样会阻塞load事件。...解析到没有设置异步加载的的时候,阻塞文档解析,等待Js脚本加载并且执行完成后,才会继续解析文档。...解析到异步的时候阻塞解析文档,继续向下解析,defer属性会使Js文件等待DOM Tree构建完成之后再执行,而async属性会使Js文件在下载完成后立即执行。...解析文档的时候遇到需要加载外部资源例如图片时,先解析这个节点,根据src创建加载线程,异步加载图片资源,阻塞解析文档,当然浏览器对于一个域名能够开启最大的线程数量会有限制。

    1K31

    html如何只刷新页面指定,js控制页面刷新 JS刷新当前页面的几种方法总结

    JavaScript location.reload() 方法 Location 对象的 reload() 方法用于重新加载当前文档(页面),语法如下: location.reload( false|true...其他DIV刷新 将innerHTML所在的方法用一个单独的函数写出来,然后需要时再调用。...如function Load(){ … ..document.getElementById(“.”).innerHTML=..; } 然后,需要刷新该div的时候就调用一下该Load()函数。...js实现进入页面先刷新在继续进行js的功能 js实现,进入页面先刷新一下,然后在执行之后js代码需要完成的工作 js或者jquery实现固定时间刷新页面 js怎么写2秒后再刷新当前页面 设置定时2秒后执行刷新...js 代码如下: window.οnlοad=function(){ alert(“onload”); } 1,reload 方法,该方法强迫浏览器刷新当前页面。

    13.8K30

    MATLAB画图语句_excel绘图技巧

    目前普遍采用的一种方法是,将Matlab数据导出为mat文件后再导入Origin中手工作图,这种方式需要不少重复性劳动,并不是一种很完美的解决方案。...Automation Server的详细使用方法可参考其官方帮助文档。...根据这两个示例程序基本就可以依葫芦画瓢写出一个符合自己要求的程序了,然而这其中并没有导出emf格式图片的示例,于是开始研究其官方帮助文档……官方帮助文档很多地方都语焉不详,而且其间还经历了种种坑,比如上篇文章这个...不过最终还是找到了正确的解决办法,就是使用Origin X-Function中的expGraph命令。...本站仅提供信息存储空间服务,拥有所有权,承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    86530

    JS的页面生命周期事件

    今天做个大屏项目, 想在大屏加载所有资源前加个加载动画, 加载结束再移除, 当然肯定时在load事件里进行移除, 但是对其他的事件有点模糊了, 复习一下哦垃圾 生命周期事件 DOMContentLoaded..., 浏览器完成HTML的加载, 并构建DOM树, 图片和样式等外部资源还没加载完成 load, 浏览器加载完所有资源, 包括HTML文档, 图片, 样式等 beforeunload, 用户即将离开,...DOMContentLoaded 事件发生在 document 对象上, 必须使用document对象上 2. window.onload 当包括样式、图像和其他资源的页面被全部加载时,window 对象上的 load...我们可以在那里做一些涉及延迟的事件,比如关闭相关的弹出窗口 可以在用户离开时, 使用unload事件发送我们想要保存在服务器上的数据 参考https://w3c.github.io/beacon/,...interactive —— 文档被全部读取。 complete —— 文档被全部读取,并且所有的资源(图像之类的)都被加载。

    3.4K30

    我发现了用 Python 编写简洁代码的秘诀!

    但还缺少最后一部分:文档字符串。文档字符串是 Python 的标准,旨在提供可读性和可理解性的代码。每个生产代码中的函数都应该包含文档字符串,描述其意图、输入参数和返回值信息。...这些文档字符串可以直接用于 Sphinx 等工具,其目的是为代码创建文档。...避免人们阅读规范和难以理解的代码。 在 Python 中有一个 PEP 8 样式指南[1],可用于改善代码的可读性。...现在他了解了应该怎么做,并不会再责备程序工作不正常。 面向对象编程 面向对象编程(OOP)是Python中一个重要的编程范式,即使是初学者也应该熟悉。那么,什么是OOP呢?...这些原则我正在学习并应用到日常工作中,它们确实很有帮助,但全面掌握需要漫长的过程和持续的努力。 最后,要尽可能自动化,利用集成开发环境提供的扩展功能,来帮助遵守清洁代码规则,提高工作效率。

    13010

    Singal Page App:使用Knockout和RequireJS创建高度模块化的单页应用引擎背景知识文档结构服务端API准备Require配置与系统配置模块中的工作模块间的工作烂图赏鉴代码送上

    开篇扯淡 距离上一篇文章已经有好几个月,也不是没有时间记录点东西,主要是换了新的工作,在一家外资工作,目前的工作内容大多都是前端开发,新接触的东西因为时间原因,大多还不成体系,所以这么长时间什么都没记录下来...,也正是因为新的工作内容,才有了今天这篇文章。...文档结构 ?...从上一节内容可以看到,主模块将会一次调用子模块的load和render方法,在这个子模块catalog中,load阶段,通过对服务端的api调用得到了文章目录,API的地址是通过config文件的解析传递过来的...(){                             },             load: function () {                 var self = this;

    1K60

    JavaScript 如何读取本地文件

    上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。...在这篇文章中,我们将通过一些例子来看看它是如何工作的。 文件操作的流程 获取文件 由于浏览器中的 JS 无法从用户的设备访问本地文件,我们需要为用户提供一种方法来选择一个或多个文件供我们使用。...load:在成功加载后就会触发。 在下面的示例中,我们将使用readAsText和readAsDataURL方法来显示文本和图像文件的内容。...如果用户取消或以其他方式关闭文件选择对话框而选择文件,我们就没有什么要读取和退出函数。 然后我们继续创建一个FileReader。...reader的工作是异步的,以避免阻塞主线程和UI更新,这在读取大文件(如视频)时非常重要。 reader发出一个'load'事件(例如,类似于Image对象),告诉我们的文件已经读取完毕。

    9.7K30

    LangChain 系列教程之 文本分割器

    4.add_start_index:此参数是一个布尔标志,确定是否在元数据中包含每个块在原始文档中的起始位置。包含此信息可能有助于跟踪每个块在原始文档中的来源。...现在我们已经了解了它的工作原理,让我们尝试在实践中应用它,并继续使用 SpaceX CRS-5 Mission Press Kit[16] 的 PDF 文档进行构建。...•length_function:用于计算块长度的函数。在这个例子中,使用内置的 len 函数,所以块的长度就是它的字符数。...首先,我们必须以一种超过嵌入模型的标记限制的方式对文本进行分割。"嵌入"听起来可能是一个复杂的术语,但实际上,它是一种将单词、句子或整个文档转化为数值向量或'嵌入'的方法。...这个大小似乎在丢失重要信息的情况下工作得很好。 至于重叠参数,它指的是我们希望在块之间重复多少文本。通常建议将其设置为块大小的10-20%。

    7.6K20

    你不可不知的任务调度神器-AirFlow

    Operators 都有15+,也就是说本身已经支持 15+ 不同类型的作业,而且还是可自定义 Operators,什么 shell 脚本,python,mysql,oracle,hive等等,无论传统数据库平台还是大数据平台...但是由于中文文档太少,大多不够全全,因此想快速上手并不十分容易。首先要具备一定的 Python 知识,反复阅读官方文档,理解调度原理。...其他像 CeleryExecutor 的执行器使用存在于独立的工作机器集群中的工作进程执行任务。 Workers:这些是实际执行任务逻辑的进程,由正在使用的执行器确定。...] # [START load_function] def load(**kwargs): ti = kwargs['ti'] total_value_string...total_order_value = json.loads(total_value_string) print(total_order_value) # [END load_function

    3.6K21
    领券