禁用href标签

Question

虽然该链接已禁用,但仍然可以点击.

<a href="/" disabled="disabled">123n</a>

如果它被禁用,我可以让它不可点击吗？我必须使用JavaScript吗？

Answer 1

在css的帮助下,您将禁用超链接.试试下面的内容

a.disabled {
  pointer-events: none;
  cursor: default;
}

Answer 2

超链接没有禁用属性.如果您不想要链接某些内容,则需要<a>完全删除该标记,或删除其href属性.

Answer 3

您可以使用:

<a href="/" onclick="return false;">123n</a>

Answer 4

您可以使用以下解决方案之一:

HTML

<a>link</a>

JavaScript的

<a href="javascript:function() { return false; }">link</a>
<a href="/" onclick="return false;">link</a>

CSS

<a href="www.page.com" disabled="disabled">link</a>

<style type="text/css">
    a[disabled="disabled"] {
        pointer-events: none;
    }
</style>

Answer 5

试试这个:

<a href="javascript:void(0)" style="cursor: default;">123n</a>

Answer 6

该<a>标签不具有disabled的属性,这只是为<input>S(和<select>S和<textarea>S).

要"禁用"链接,可以删除其href属性,或添加返回false的单击处理程序.

Answer 7

仅 CSS：这会从href.

.disable { 
    pointer-events: none; 
    cursor: default; 
}

Answer 8

你需要删除<a>标签来摆脱这个.

或尝试使用: -

  <a href="/" onclick="return false;">123n</a>

Answer 9

提示1：使用CSS pointer-events: none;

提示2：使用JavaScript javascript:void(0) （这是最佳做法）

<a href="javascript:void(0)"></a>

提示1：使用Jquery $('selector').attr("disabled","disabled");

Answer 10

HTML:

<a href="/" class="btn-disabled" disabled="disabled">123n</a>

CSS:

.btn-disabled,
.btn-disabled[disabled] {
  opacity: .4;
  cursor: default !important;
  pointer-events: none;
}

Answer 11

$(document).ready(function() {
   $('a').click(function(e) {
     e.preventDefault();
  });
});

Answer 12

让父母有一个pointer-events: none孩子会a-tag像这样禁用孩子（要求div覆盖a并且宽度/高度不为0）：

<div class="disabled">
   <a href="/"></a>
</div>

哪里：

.disabled {
    pointer-events: none;
}

Answer 13

您可以模拟<a>标签上的 disabled 属性。

<a href="link.html" disabled="">Link</a>

a[disabled] {
   pointer-events: none;
   cursor: default;
}

Answer 14

我们不能直接禁用它，但我们可以执行以下操作：

1. 添加type="button"。
2. 删除该href=""属性。
3. 添加disabled属性，以便通过更改光标来显示它已被禁用，并且它会变暗。

PHP 中的示例：

<?php
if($status=="Approved"){ 
?>
  <a type="button" class="btn btn-primary btn-xs" disabled> EDIT
     </a>
  <?php    
}else{
?>
  <a href="index.php" class="btn btn-primary btn-xs"> EDIT
    </a>
  <?php    
}
?>

Answer 15

您可以使用此代码在运行时禁用使用 javascript 的链接

$('.page-link').css("指针事件", "无");

Answer 16

我有一个：

<a href="#">This is a disabled tag.</a>

希望它能帮助你；）