Home / Questions / 101932
Accepted
tripossi
Asked: 2020-09-14 02:15:57 +0800 CST 2020-09-14 02:15:57 +0800 CST

禁用链接

  • 772

我想禁用此链接几秒钟。

<a href="#" data-role="button" data-theme="f" data-rel="popup" id="deshabilitar" type="button" data-icon="cloud-upload" data-iconshadow="true" onclick="deshabilitar()"></a>

这样它只允许您单击一次。在函数中，我有这段代码，但它对我没有用，我不明白为什么。谢谢。

 var button = $('#deshabilitar');
button.attr('disabled', 'disabled');
setTimeout(function() {
     button.removeAttr('disabled');
},3000);

https://jsfiddle.net/u2c6wdgq/1/

javascript

4 Answers

  1. Best Answer

    您可以做的是给绑定属性pointer-eventswith cssvalue nonebyjavascript并在几秒钟后删除该属性，以便再次启用它。

    这是一个例子：

    这将是HTML：

    <a href="#" onclick="deshabilitar(this)">Dame click</a>

    这就是他javascript：

    function deshabilitar( link ){
    link.style.pointerEvents = 'none';
    link.style.color = '#bbb';

    setTimeout(function(){
        link.style.pointerEvents = null;
        link.style.color = 'blue';
    }, 3000);
}

    我已经尝试过了，它有效，我希望它对你有用。

    • 2

  2. 也许您没有参考权，请尝试：

    function deshabilitar() {
    $(this).attr('disabled', 'disabled');
    setTimeout(function() {
        $(this).removeAttr('disabled');
    }, 3000);
}
    • 1

  3. 我认为问题在于您无法将属性添加disabled到链接。在此链接（英文）中，您可以获得有关禁用它的最佳方法的信息

    • 1

  4. 链接不是表单控件，因此您可以禁用它以避免默认行为。

    尝试向链接添加启用/禁用状态，并根据链接的状态执行相应的操作。

    这里有一个例子：

    $('#deshabilitar').click(function(){
   var $this = $(this)
   
   if($this.hasClass('inhabilitado')) {
     alert("link unhabilitado");
   }
   
    $this.addClass('inhabilitado');
    setTimeout(function() {
        $this.removeClass('inhabilitado');
        alert("link habilitado")
    }, 3000);
});
    .inhabilitado{
  color:#ccc;
  cursor:default;
}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" data-role="button" data-theme="f" data-rel="popup" id="deshabilitar" type="button" data-iconshadow="true">link</a>

    它的作用很简单，添加一个deshabilitado在单击元素时调用的类。此类更改颜色和光标以给人以禁用的印象。然后在经过的时间之后，样式被消除并再次启用链接。

    • 1