Html 禁用页面上已有的链接

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

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

蒂娅

你可以利用

名称

评论

您可以利用

名称

评论

使用jQuery

HTML部分

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

jQuery

 $(document).ready(function () {
            $("#menu a").each(function(){
                //set all menu items to 'black
                $(this).css("color","black");

                var linkPath=$(this).attr("href");
                var relativePath=window.location.pathname.replace('http://'+window.location.hostname,'');

                //set the <a> with the same path as the current address to blue
                if(linkPath==relativePath)
                    $(this).css("color","blue");
            });
    });

$（文档）.ready（函数（）{
$（“#菜单a”）。每个（函数（）{
//将所有菜单项设置为“黑色”
$（this.css（“颜色”、“黑色”）；
var linkPath=$（this.attr（“href”）；
var relativePath=window.location.pathname.replace（'http://'+window.location.hostname'）；
//设置
使用jQuery

HTML部分

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







jQuery

 $(document).ready(function () {
            $("#menu a").each(function(){
                //set all menu items to 'black
                $(this).css("color","black");

                var linkPath=$(this).attr("href");
                var relativePath=window.location.pathname.replace('http://'+window.location.hostname,'');

                //set the <a> with the same path as the current address to blue
                if(linkPath==relativePath)
                    $(this).css("color","blue");
            });
    });

$（文档）.ready（函数（）{
$（“#菜单a”）。每个（函数（）{
//将所有菜单项设置为“黑色”
$（this.css（“颜色”、“黑色”）；
var linkPath=$（this.attr（“href”）；
var relativePath=window.location.pathname.replace（'http://'+window.location.hostname'）；
//设置可以与助手一起尝试的
，以便在其他零件上使用，因为您需要

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，在单击时就不会有事件。
您可以尝试使用帮助器，以便在其他部分使用它，因为您需要

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，单击时就不会出现事件。
查看您的问题后，我认为解决方案的最简单答案可能是去掉



希望这能有所帮助。
在看了您的问题后，我认为解决方案的最简单答案可能是去掉



希望这能有所帮助。
我会试试。谢谢你的建议：）在第二个if语句中，它是真的“（/name）”还是“（/comments？）啊。它的“/comments”我会试试。谢谢你的建议：）在第二个if语句中，它是真的“（/name）”还是“（/comments？）啊。它的“/comments”我的朋友，你是在手工编码那些链接吗？我想你会使用
link\u to
。在这种情况下，你可以使用
link\u to\u除非你当前的
来做你想做的事情。你是在手工编码那些链接吗？我想你会使用
link\u to
。在这种情况下，你可以使用
link\u to\u除非你当前的
来做你想做的事情。