Turbolinks可以更快地在您的Web应用程序中建立以下链接。它不是让浏览器在每个页面更改之间重新编译JavaScript和CSS，而是使当前页面实例保持活动状态，并仅替换头部中的正文和标题。
使用 Turbo Native Android 播放背景音频
我正在为一个使用 Turbo 的广播电台开发一个应用程序，该网站也使用 Turbo，但我遇到了背景音频流的问题。当屏幕关闭或用户使用...
所以，我有一个安装了 webpacker、vue、turbolinks 和stimulus js 的 Rails 应用程序。 我遇到的问题是，即使控制器只导入一次，即使我临时...
如何执行rails 7'create.turbo_stream.erb'文件中的js代码
这是我的评论控制器代码 定义创建 @comment = current_user.comments.new(comment_params) @feed = Feed.find(params[:comment][:feed_id]) @comment.commentable = @feed @
我有一个索引页，显示多张发货卡。我想将每个货件包装在一个 link_to 中，该链接将访问货件的显示页面。由于某种原因，当我检查 HTML 时...
如何将第 3 方 JavaScript 与 Turbo Drive 集成
我有一个使用 Turbo 的 Rails 应用程序。我的实时聊天应用程序在任何页面导航上都会中断，因为为其创建的元素会在 DOM 刷新时被删除。有没有普遍接受的解决方案？
Capybara 功能规格因 Turbo Drive 而失败
我正在尝试在 Rails 6.1 应用程序的几个页面上引入 Turbo Drive。 从 $(document).ready() 调用中移动一些遗留的 JQuery 插件初始化后，已经按预期得到了它...
带有 --css bootstrap 的 Rails 7 新应用程序 - Turbo 按钮不起作用
使用 Rails new myapp --css bootstrap 创建新应用程序 Rails 7 时，我的涡轮按钮将不起作用： =button_to“退出”，edit_post_path，方法：：删除，形式：{数据：{turbo_confirm：“...
我在 Rails 应用程序中设置了一个 Turbo 框架，用户可以导航。问题是，当用户在框架内导航时，turbo 框架需要一些时间来更新，在此期间...
哪个模板文件扩展名提供对 Rails 7.1 和 Turbo-frames 的支持？
我似乎无法获得返回到浏览器进行涡轮处理的正确数据格式。 应用程序/视图/the_form.html.erb <%= turbo_frame_tag "dog_quick_search" do %> <% form_...
如何使用 Turbolinks 扩展 Bootstrap 导航栏
在我的 Rails 4 应用程序中，我使用 Bootstrap 的导航栏。当导航栏折叠时，单击它时它并不总是展开/切换。菜单图标显示，但是当您单击它时，它不起作用
在存在 Turbolinks 的情况下导航回来时，如何防止 jQuery DataTable 上出现重复包装器？
我在新的 Rails 4.2 项目中使用 jQuery DataTables。我有大量结果需要按组、项目和状态进行过滤。选择组会过滤项目选择，...
我正在尝试使用 Rails 7、Bootstrap 5 和 Jquery 构建一个非常简单的带有子菜单的菜单。 HTML： 销售 我正在尝试使用 Rails 7、Bootstrap 5 和 Jquery 构建一个非常简单的带有子菜单的菜单。 HTML： <div> <button class="toggle-submenu">Sales</button> <div class="submenu"> <ul> <li><a href="/sales/recent">Recent</a></li> <li><a href="/sales">All</a></li> </ul> </div> </div> <div> <button class="toggle-submenu">Products</button> <div class="submenu"> <ul> <li><a href="/products">All</a></li> </ul> </div> </div> CSS： .submenu { height: 0; overflow: hidden; } .submenu-open { height: auto; } JS： $(document).on('click', '.toggle-submenu', function() { $(this).parent().find('.submenu').toggleClass('submenu-open'); $('.submenu').not($(this).parent().find('.submenu')).removeClass('submenu-open'); }); 因此，这一切所做的就是单击按钮时，将“submenu-open”类添加到最接近的“子菜单”div 并将其从所有其他 div 中删除。 但是发生的情况是，当单击子菜单内的一个链接时，它会闪烁另一个子菜单，直到服务器响应（为了测试，我向控制器添加了 sleep 3，然后“闪烁”持续了 3 秒）。请参阅下面的 GIF： 在 GIF 中，我单击产品内的所有链接，然后会打开销售子菜单。 禁用涡轮增压后，问题就会消失。有人有解决办法吗？ 这里的一个问题是，无论 Turbolinks 是否存在，您都不会阻止默认操作，也不会阻止事件传播。如果 Turbolinks 处理程序没有触发，实际上会更令人惊讶。 将事件处理程序附加到具有默认行为的元素（例如链接、按钮和表单）时，这是您始终必须执行的操作。 $(document).on('click', '.toggle-submenu', function(event) { event.preventDefault(); event.stopPropogation(); $(this).parent().find('.submenu').toggleClass('submenu-open'); $('.submenu').not($(this).parent().find('.submenu')).removeClass('submenu-open'); });
我希望在我的 WP 应用程序中使用 Hotwire Turbo。 我像这样包括它： wp_enqueue_script('Turbo', 'https://unpkg.com/@hotwired/[email protected]/dist/turbo.es2017-esm.js', array(), '7.3.0', false); 以上
我已将 Laravel 10 与 Livewire 3 和 Turbolink 一起使用。 当我从一个页面导航到另一页面时，页面会跳转两次。 我在控制台中收到以下两条错误消息。 检测到多个瞬间...
在 Rails 7 中使用 format.turbo_stream 时的 ActionController::UnknownFormat
嘿，我是turbo_streams 的新手，并且不明白为什么会出现此错误。 属性部分： 嘿，我是turbo_streams 的新手，并且不明白为什么会出现此错误。 部分属性： <div id="properties" data-action="map-marker-clicked@window->@mapmarker#mapMarkerClicked" data-controller="mapmarker" data-mapmarker-target="properties_list"> <%= "#{@properties.length} properties" %> <%= turbo_stream_from "properties" %> <%= turbo_frame_tag "properties" do %> <% @properties.each do |property| %> <%= render property %> <p> <%= link_to "View this property", property %> </p> <% end %> <% end %> </div> 还有我的控制器： def index @properties = location_search? ? Property::SearchByLocation.call(search_params[:value]) : Property.all @markers = Property::GenerateGoogleApiMapMarkers.call(property_or_properties: @properties) respond_to do |format| format.turbo_stream do render turbo_stream: turbo_stream.replace(@properties, partial: 'properties/properties') end end end 更多上下文：我计划从刺激控制器触发此重新加载（当用户单击谷歌地图上的标记时，我想使用标记的坐标刷新属性部分作为组织属性的方式（最接近标记将显示在顶部）。 当我访问 http://localhost:3000/properties 时，出现 ActionController::UnknownFormat 错误 您应该添加默认的 format.html 操作 遇到了同样的问题，并通过将以下行添加到 config/initializers/mime_type.rb 来手动注册 mime 类型来解决它。 Mime::Type.register "text/vnd.turbo-stream.html", :turbo_sream 请参阅 https://github.com/hotwired/turbo/pull/93 了解一些背景知识。 尝试在您的 method: :get 或 link_to 方法中显式传递 button_to 我认为它与 TurboDrive 以及它劫持请求的方式有某种联系。
Rails 7 + Turbo：turbo_stream 在部分模板上响应额外数据？
我正在使用 Rails 7 + Turbo，我正在尝试创建一个包含用户列表下拉列表的表单。该表单可以创建一个新的“单元”记录并将用户分配到该单元。该计划创建...
我正在使用： 红宝石“2.3.1” 宝石“rails”，“5.0.0.1” gem“turbolinks”，“〜> 5.0.0.beta” gem“semantic-ui-sass”...在此页面上 我的页面上有 2 个链接： <%= link_to("Back to Dashboard", 我正在使用： 红宝石“2.3.1” gem“rails”，“5.0.0.1” gem“turbolinks”，“〜> 5.0.0.beta” gem“semantic-ui-sass”...在此页面上 我的页面上有 2 个链接： <p><%= link_to("Back to Dashboard", dashboard_path, "data-turbolinks": false) %></p>``` 它正确地将turoblinks注入到HTML中： <a data-turbolinks="false" href="/dashboard">Back to Dashboard</a> 但是当我将它添加到这里的循环中时... <% @contacts.each do |contact| %> <tr> <td><%= link_to(contact.display_full_name, lead, "data-turbolinks": false) %></td> </tr> <a href="/leads/11">Bob Smith</a> 不包括data-turbolinks="false" 有什么建议吗？ 非常感谢。 根据 Turbolink gem 文档 <a href="/" data-turbolinks="false">Disabled</a> data-turbolinks 值应该是字符串“false”而不是布尔值。 尝试这样： <%= link_to("Back to Dashboard", dashboard_path, "data-turbolinks": "false") <% @contacts.each do |contact| %> <tr> <td><%= link_to(contact.display_full_name, lead, "data-turbolinks": "false") %></td> </tr> %> 应该可以。 如果您在rails中使用haml，它将按以下方式工作： = link_to "/dashboard", class: "active", :data => {turbolinks: "false" }
Rails 7 - CurrentAttributes undefined
有人能解释一下为什么吗： 提交后：发送部分_ def send_partial_ broadcast_update_to( ... locals:users_in_room_list ) 结尾 def users_in_room_list user = User.find_by(id:Cu...
Rails 7 - CurrentAttributes - 不支持的参数类型
我的伪类 Current 当前类 < ActiveSupport::CurrentAttributes attribute :user end My ApplicationController: class ApplicationController < ActionController::Base before_a...
给定一个带有 turbo_method 的 link_to: :destroy 我怎样才能防止它被快速双击？ <%= link_to "X", items_path(@item), data: {turbo_frame: "frame",turbo_me...