Question

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

<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();
    });

}）; }

Answer 1

如果你想让他们变灰，那就试试吧。根据上面的答案：

$(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();
   });
});

顺便说一下，对于新手的建议，通过制作任何带有前缀为＆＃39; $＆＃39;的jQuery对象变量，这总是一个很好的做法。当您开始执行多级上下文功能时很容易。

Answer 2

怎么样？

＆＃13;

mServiceConn

＆＃13;

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

Answer 3

您可以使用：

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

希望这有帮助！

Answer 4

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

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

然后，您只需使用以下链接即可删除链接：

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

您还可以使用以下方法在悬停时停止链接下划线：

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

Jquery禁用链接

4 个答案: