0

我有这样的链接:

- @glossaries.each do |g|
  %a.{ :href => glossary_path(g), data: { 'turbo_frame': :'entry' } }
    = g.title

g.title如果单击链接的结果在另一个框架中呈现, 我如何设置活动链接(活动词汇表)的样式?在此处输入图像描述

如果当前路径等于请求的路径,我尝试使用帮助器为链接提供一些类,但它不起作用。没有为链接提供“活动”类:

def current_class?(test_path)
    return 'active' if request.path == test_path
    ''
  end

当使用浏览器地址栏中未显示的帧当前路径时,我尝试通过data-turbo-action" => "advance". 使用该浏览器在地址栏中有当前路径,但仍然链接没有“活动”类..

4

1 回答 1

0

它不会更新的原因是因为另一个框架正在导航,而页面的其余部分保持不变。要使其显示活动导航链接,您需要重新加载两者或使用一些自定义 JavaScript。我宁愿重新加载双方我会在导航和侧面板周围做另一个涡轮框架,就像这样

<%= turbo_frame_tag "glosarries_index" do %>
  ... Navigation links would be here but remove the data-turbo-frame it will automatically use the closest parent.
  <%= turbo_frame_tag "entry" do %>
    ...
  <% end %>
<% end %>
于 2022-02-22T15:52:06.603 回答