html - 已在页面上时禁用链接

Question

我有一个列表(ul)，当您点击它时，您将被重定向到另一个页面，我想做的是当您已经在该页面上时禁用可点击链接，并且突出显示它。

<div class="selection">
<ul>
  <li><a href="name">Name</a></li>
  <li><a href="comments">Comments</a></li>
</ul>

蒂亚!

Answer 1

您可以尝试使用助手，这样您就可以在其他部分使用它，因为您需要这样做。

def active_link(text, path)
  class_name = current_page?(path) ? 'active' : nil
  link_to text, path, :class => class_name
end

如果链接与当前页面相同，这将打印一个带有事件类的链接

active_link 'home', root_path

现在您可以将它与 css 结合使用，这样您就可以在具有事件类时禁用对链接的点击

a.active {
   pointer-events: none;
   cursor: default;
}

然后有了这个，您使用助手打印的所有链接都将具有事件类和 css，这不会在点击时产生事件。