延迟禁用元素？ [关闭]

Posted 2023-02-25

【中文标题】延迟禁用元素？ [关闭]

【英文标题】：Delay the disabling of an element? [closed]

【发布时间】：2013-10-14 18:33:36

【问题描述】：

在 jQuery 中，如何禁用按钮并在几秒钟后重新启用它？

我尝试过使用 .delay(###).attr 和 .removeattr，但无法正常工作。根据我的阅读，这是由于 .delay 为动画制作的，而我需要使用淡出？

【问题讨论】：

见：***.com/a/8896368/1220302。你会想要使用 setTimeout(function() , [milliseconds])

delay 是一个队列操作，仅适用于 CSS 动画。

【参考方案1】：

var $btn =  $('input[type="button"]'),
    aFewSeconds = 3000;

$btn.prop( disabled: true );

setTimeout(function()
    $btn.prop( disabled: false);
, aFewSeconds);

你明白了。

【参考方案2】：

您可以使用window.setTimeout(func, delay, [param1, param2, ...]);。这是一个按钮，单击时将被禁用一秒钟，尽管可以使用任何东西来调用此操作：

HTML

<button class='tempDisable'>Click Me</button>

JavaScript （包装在就绪函数中）

$(".tempDisable").click(function () 
    $(this).prop("disabled", true);
    setTimeout(function (el) 
        $(el).prop("disabled", false);
    , 1000, this);
);

见jsFiddle

【参考方案3】：

我不能 100% 确定这会解决您的问题，但请尝试使用 $elem.attr('disabled', true) 禁用，$elem.attr('disabled', false) 再次启用。某些原因$elem.removeAttr('disabled') 可能不可靠。

.delay() 应该不是问题，请发布您的代码。