Rails turbolinks:load事件触发，但相应的函数不触发
Rails turbolinks:load事件是在使用Turbolinks插件的Rails应用中触发的一个事件。Turbolinks是一种加速Rails应用页面加载速度的技术，它通过使用Ajax和DOM替换来实现无刷新页面加载。
当页面加载完成后，turbolinks:load事件会被触发，这意味着页面的内容已经被替换，并且新的内容已经加载到DOM中。在这个事件中，你可以执行一些需要在页面加载后进行的操作，比如绑定事件、初始化插件等。
如果turbolinks:load事件触发了，但相应的函数没有被触发，可能有以下几个原因：
- 函数没有正确绑定到turbolinks:load事件：确保你的函数已经正确绑定到了turbolinks:load事件。你可以使用jQuery的on()方法或者addEventListener()方法来绑定事件。
- 函数的选择器不正确：检查你的函数是否使用了正确的选择器来选择需要绑定事件的元素。确保选择器能够正确匹配到目标元素。
- 函数中的代码有错误：检查你的函数中是否有语法错误或逻辑错误。可以使用浏览器的开发者工具来查看是否有错误提示，并进行相应的修复。
如果以上方法都没有解决问题，可以尝试使用Rails的调试工具来进一步排查问题。Rails提供了一些调试工具，比如binding.pry或byebug，可以在代码中插入断点，以便在运行时进行调试。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。
腾讯云云服务器（CVM）是一种灵活可扩展的云计算服务，提供高性能的虚拟机实例，适用于各种计算场景。您可以根据实际需求选择不同配置的云服务器，并根据业务需求进行弹性扩容和缩容。
腾讯云云数据库MySQL是一种高性能、可扩展的关系型数据库服务，提供稳定可靠的数据库存储和管理能力。它支持自动备份、容灾、监控等功能，可以满足各种规模的应用需求。
腾讯云云服务器产品介绍链接地址：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL产品介绍链接地址：https://cloud.tencent.com/product/cdb
相关·内容
我正在开发一个Rails Gem，它的部分功能是将javascript跟踪代码注入到rails视图/页面的HTML主体中。这是我到目前为止所尝试过的。要查看turbolinks:load事件是否真的在我期望的页面上触发，确实如此。所以现在只是不确定为什么
浏览 12提问于2016-09-06得票数 0
1回答
当屏幕宽度低于1024 in时，导航条将更改为响应式导航条，当单击汉堡包菜单时会激活该条，这是使用javascript (它正在正确编译，文件是在application.js中导入)进行的。
浏览 5提问于2021-10-26得票数 0
2回答
在Rails中重定向后脚本不工作
、、、、
我的页面上有一个清晰的按钮，上面有咖啡脚本<div class="containerNew">我使用chrome来调试我的脚本，当我使用nav访问这个页面时，它似乎没有进入函数块，然后单击清除按钮。
浏览 6提问于2017-04-24得票数 0
回答已采纳
我有很多不同网页上相同的$(function () {}); (document.ready) javascript函数。也就是说，在Rails中，我尝试将一些共享代码放在我的javascript资产管道中，但是它没有运行(除非我在加载后刷新页面一次)。不过，当前页面所特有的javascript确实运行。更新
Saiqul的答案是有效的，但我最后做了什么，我发现最好的方法是这样做：
浏览 2提问于2014-07-29得票数 0
回答已采纳
我对javascript很陌生，在Rails 5应用程序中使用自定义函数也有问题。我试图添加一个简单的函数，在引导导航栏标题中设置一个活动链接。我可以在代码库中完成所有的工作，但是当我将它添加到我的Rails应用程序时，它就不起作用了。我知道javascript正在运行，因为我使用的是引导程序，而且这些函数正常工作。我还认为脚本是通过检查工具中的源代码来加载的，它就在那里。但是，设置断点永远不会触发
浏览 10提问于2020-05-25得票数 0
回答已采纳
我是Rails和jQuery的初学者。它有很多页，并通过导航栏彼此连接。我无法100%地阅读和理解模板中的代码，但我想这行(在主js文件中)与问题直接相关。$window.on('load', function() {
浏览 2提问于2017-12-13得票数 1
回答已采纳
我有一个引用旋转器，我使用在我的主页。当我直接从浏览器加载页面(在浏览器中键入地址并点击enter)时，它工作得很好。但是，如果我单击一个链接到我的网站中的另一个页面，然后链接回国内，它将停止工作。更具体地说，它的引号开始重叠，就好像该方法的两个实例正在运行一样。在控制台中没有收到错误。# Turboli
浏览 0提问于2013-09-04得票数 2
回答已采纳
1回答
Jquery不适用于Rails
、、、、
在我添加的rails.In comments.js文件上使用jquery有困难//= require jquery_ujs//= require turbolinks
$( document ).ready(functionclick(func
浏览 2提问于2016-07-19得票数 0
2回答
我有一个Javascript，它应该在$(document).ready上工作，但它不会，因为我也必须使用turbolinks。有什么方法可以禁用此脚本吗？或者至少，是否有一种方法来禁用它的视图，我希望我的脚本工作？
可悲的是，我的网站必须有相同的布局文件，因为它是重要的企业风格。
<body <% if(#
浏览 3提问于2014-04-17得票数 1
回答已采纳
1回答
目前，我正在使用jquery 5开发一个简单的星等系统，它在开发过程中运行得很好，但在生产中却不起作用。我怀疑它以这种方式运行的原因之一是因为预编译application.js以某种方式使jQuery (document).on无法工作。我已经被塞了几天了，在网上找不到任何解决办法。我需要jQuery.noConflict()函数吗？
// Start for
浏览 1提问于2018-11-17得票数 0
为了实现图像弹出效果，我使用了带有baguetteBox库的rails应用程序，但是只有在页面刷新后才能正常工作。我知道这是因为turbolinks，所以我安装了，创业板，但是它仍然不能工作。//require jquery.turbolinks在正确的位置。// //= require jquery.turbolinks
//= requ
浏览 0提问于2016-02-06得票数 1
回答已采纳
每当点击带有remote true的链接时，都尝试使用turbolinks:events和ajaxStart/ajaxStop事件来显示旋转器。涡轮增压:加载事件已成功启动，但:单击不是。使用rails 6，turbolinks 5，webpacker。链接是以非常正常的方式生成的：
<%=link_to 'Documents', documents_path, remote: true %>
浏览 5提问于2021-05-24得票数 0
2回答
我在app/assets/javascripts中有一个自定义的app/assets/javascripts文件。javascripts/contacts.js alert("foo bar")我需要application.j
浏览 3提问于2014-04-02得票数 7
回答已采纳
我使用的是Rails 4.2.7。=> 'btn' %>$ -> console.log(" invoking function load. ")
setup_save_behaviorbody=1:16 Uncaught TypeError: setup_save_b
浏览 4提问于2016-08-03得票数 0
回答已采纳
1回答
我有一个rails应用程序，我正在尝试在其中实现一些jQuery。jQuery(document).ready(function($){var animationDelay = 5000,
//loading/&#x
浏览 5提问于2016-08-07得票数 0
回答已采纳
通常，使用，文本输入框的标签将显示在输入框中，直到用户输入该框并在其中输入文本为止。但是，当一个框的值通过javascript填充时，标签不会移动。它停留在框中，并与输入的文本重叠。是否也有方法用javascript触发标签转换，这样就不会发生这种情况了吗？
浏览 15提问于2015-08-19得票数 17
回答已采纳
3回答
这发生在Ruby 2.3.1的Rails 5应用程序中。当下拉列表发生变化时，我希望通过ajax请求收集更多信息，以显示在下拉列表的下方。此功能有效，但仅当我加载或刷新页面时。theme_id: $("#article_theme_id").val()$(document).ready initGuideline
$(document).on 'ready page:load'sass-rails', '~&g
浏览 4提问于2017-02-20得票数 0
我有完整的日历，除非我使用图文，否则不会显示。但我不想用涡轮机。还有其他方式来加载日历吗。我的calendar.js看起来像：initialize_calendar = function() { }); });};
(我在底部删除了下面的内容，因为我正在从应用程序中删除turbolinks</
浏览 7提问于2019-11-23得票数 0
回答已采纳
我有一个rails应用程序，并且我正在尝试使用coffeescript添加事件处理程序。我只是尝试识别发生在app/views/users/show.html.erb中的div (class="subjects")元素中的单击事件
在相应的app/assets/javascripts/users.cee
浏览 2提问于2018-08-06得票数 0
回答已采纳
我正试图在我的rails应用程序中实现turbolinks，这是一个有相当大代码库的旧应用程序。改变每一个称为YUI.util.event.onDOMReady的地方都不是一个好的选择。我希望能够在‘页面:加载’事件中触发<
浏览 3提问于2013-07-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
