Question

我有一个输入，我想禁用它，但它根本不起作用。即使是phpstorm也说这个功能由于某种原因而不存在。我认为它是phpstorm的一个问题，但是我在Chrome中尝试了它并且它没有用。

有没有其他选择或者我做错了什么？我必须指出button.css('pointer-events', 'none');有效但removeProp由于某种原因没有...

function waitComment() {
    var button = $(".btn-primary");
        button.css('pointer-events', 'none');
    setTimeout(function(){
        button.remove('pointer-events');
    }, 3000)
}

<input type="submit" class="btn btn-primary" value="Comment" name="comment" id="#comment" class="comment" onclick="waitComment()">

Answer 1

如果要禁用按钮，为什么不使用disabled属性？

function waitComment() {
    var button = $(".btn-primary");
        button.prop('disabled', true);
    setTimeout(function(){
        button.prop('disabled', false);
    }, 3000)
}

Answer 2

实现目标的正确方法是，

<强> CSS

.pointer{
    pointer-events: none;
}

<强> Jquery的：

function waitComment() {
    var button = $(".btn-primary");
        button.addClass('pointer');
    setTimeout(function(){
        button.removeClass('pointer');
    }, 3000)
}

为什么.removeProp（）没有＆＃39;工作吗

Jquery .removeProp()用于Html属性/属性，不适用于CSS属性。

请找到.removeProp

的Api参考

Answer 3

以什么方式被禁用？

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
  function waitComment() {
    var button = $(".btn-primary");
        button.attr('disabled','disabled');    
}
</script>
<input type="submit" class="btn btn-primary" value="Comment" name="comment" id="#comment" class="comment" onclick="waitComment()">

＆＃13;

Answer 4

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script>
        function waitComment() {
            var button = $(".btn-primary");
            button.css('pointer-events', 'none');
           button.css('color', 'red');
            setTimeout(function () {
                button.css('pointer-events','');
               button.css('color', 'blue');
            }, 3000)
        }
    </script>

</head>
<body>
    <input type="submit" class="btn btn-primary" value="Comment" name="comment" id="#comment" class="comment" onclick="waitComment()">
</body>
</html>

这里我在按钮上添加了一个效果，如下所示。
- 最初按钮文字颜色为黑色
- 点击按钮颜色将变为红色
- 开出时按钮颜色将变为蓝色

希望这能帮到你......

谢谢...：）

removeProp（）不起作用

4 个答案: