Jquery禁用链接答案

【问题标题】：Jquery to disable linksJquery禁用链接
【发布时间】：2016-05-02 11:19:40
【问题描述】：

我有几个链接和链接按钮的页面。我想禁用所有。我该怎么做？

<div id="content-main">
  <h1>My Notes</h1>

  <a href="edit.html" id="btnNew" name="btnNew" class="button">Add new Link</a>

  <table border="0" cellspacing="0" cellpadding="4">
    <tr bgcolor="#edf3fe">
      <td><a href="edit.html">Link 1</a></td>
      <td><a href="edit.html">Link 2</a></td>
    </tr>
  </table>
  <div class="button-row"></div>
</div>

我尝试了以下操作，导致链接不再有效，但我也想淡化链接。

$(document).ready(function(){


    $( "a" ).click(function( event ) {
        alert( "The link will no longer work" );
        event.preventDefault();
    });

}); }

【问题讨论】：

jQuery disable a link的可能重复
只做 $('*').prop('disabled', true);
@DinoMyte - 不会针对所有元素，而不仅仅是标签？

标签： jquery disable-link

【解决方案1】：

这个怎么样？

$(document).ready(function(){
    $("a").click(function(event){
      event.preventDefault();
        $("a").fadeOut();
    });
});

就像你说的那样，如果用户点击任何链接，它们都会淡出。这是你想要的吗？

【讨论】：

谢谢！我想看到链接，但灰色/褪色。我是新手。感谢您的帮助。

【解决方案2】：

你可以用这个：

$(document).ready(function(){ 
    $( "a" ).click(function( event ) {
       $(this).fadeOut();
       event.preventDefault();
    });
});

希望对您有所帮助！

【讨论】：

我试过这个$j("a").stop().fadeTo(500, 0.2); 这使得所有的链接都是灰色的。如何将它们限制为 div content-main 中的那些？

【解决方案3】：

如果你想让它们变灰，那么试试这个。根据上面的答案：

$(document).ready(function(){
   $("a").click(function($event){
   var $this = $(this);
       $event.preventDefault();
       $this.css("color", " #808080"); //only targets the actual link clicked. If you want all when you click any link use $('a').css();
   });
});

顺便说一句，对新手的忠告，我总是做一个很好的做法，通过制作任何以“$”为前缀的 jQuery 对象变量。当您开始执行多级上下文函数时很容易。

【讨论】：

【解决方案4】：

不是 100% 相关，但我花了一段时间才找到这个技巧。如果你的 HTML 看起来像这样

<a id="myLink" href="http://takemesomewhere.com" class="underlineHoverOnly">link text</a>

然后你可以把链接拿走：

$('#myLink').removeAttr('href');

您也可以在悬停时停止链接下划线：

$('#myLink').removeAttr('class');

【讨论】：