我有一个列表(ul),当您点击它时,您将被重定向到另一个页面,我想做的是当您已经在该页面上时禁用可点击链接,并且突出显示它。
<div class="selection">
<ul>
<li><a href="name">Name</a></li>
<li><a href="comments">Comments</a></li>
</ul>
蒂亚!
最佳答案
您可以尝试使用助手,这样您就可以在其他部分使用它,因为您需要这样做。
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,这不会在点击时产生事件。
关于html - 已在页面上时禁用链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43533298/