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-eventsсо cssзначением noneи javascriptчерез несколько секунд удалить это свойство, чтобы оно снова стало активным.

    Вот пример:

    Это будет 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