Question

我会保持清晰和简短。我正在寻找一种方法来禁用页面上的所有链接，除了我想要点击的一个或多个链接。

基本上我需要禁用页面上的所有链接，并仅重新启用我想要启用的链接。我知道jQuery有一种禁用链接的方法，但我不是专业的JS人员。

谢谢。

Answer 1

您可以通过在所有锚点上绑定事件来实现。给出允许点击类.allowedLink的锚点。

该函数检查链接是否具有类。如果不是，则禁用默认行为。

$(function() {
  $('a').on('click', function(e) {
    if (!$(this).hasClass('allowedLink')) {
      e.preventDefault();
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="http://stackoverflow.com">Disabled</a><br />
<a href="http://stackoverflow.com">Disabled</a><br />
<a href="http://stackoverflow.com" class="allowedLink">Enabled</a><br />
<a href="http://stackoverflow.com">Disabled</a>

Answer 2

所有链接的添加类必须是可点击的，而在Jquery中你可以使用

$("body").on("click","a:not(.clickable)",function(){return false;});

示例：http://jsfiddle.net/xnm8rz9g/

jQuery如何禁用页面的所有链接除一个

2 个答案: