Question

我为输入按钮制作了一些CSS样式。执行此操作后，prop('disabled',true)对我不起作用（它曾经在CSS更改之前工作）

HTML code：

<div id="navigation">
<button id="nextButton" type="button" name="nextButton">Next</button>
</div>

jQuery代码：

$('#nextButton').prop('disabled',true);

CSS代码：

button{
    background:    #cfe2f3;
    background:    -webkit-linear-gradient(#cfe2f3, #d0e0e3);
    background:    linear-gradient(#cfe2f3, #d0e0e3);
    border:        0.5px solid #000;
    border-radius: 5px;
    color:         #000;
    display:       inline-block;
    padding:       8px 20px;
    font:          normal 700 18px/1 "Calibri", sans-serif;
    text-align:    center;
    text-shadow:   none;
}

我建议在下一步按钮上禁用按下

Answer 1

尝试将一些CSS添加到禁用状态：

button:disabled {
    // your css rules
}

Answer 2

它正在起作用。我已将jquery联机

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
 <style type="text/css">
  #one{
  	background:    #cfe2f3;
    background:    -webkit-linear-gradient(#cfe2f3, #d0e0e3);
    background:    linear-gradient(#cfe2f3, #d0e0e3);
    border:        0.5px solid #000;
    border-radius: 5px;
    color:         #000;
    display:       inline-block;
    padding:       8px 20px;
    font:          normal 700 18px/1 "Calibri", sans-serif;
    text-align:    center;
    text-shadow:   none;
  }
 </style>

  




<body>

 <input type="button" id="one" name="button" value="button">
  
  <script type="text/javascript">
    $(document).ready(function(){
    	$("#one").prop('disabled',true).css({"opacity":"0.6"});
    	$("#one").on('click',function(){
    		alert(" I am enable");
    	})
    });
  </script>

</body>
</html>

尝试将“禁用”更改为“启用”，如果启用，则可能会看到警告。

Answer 3

当您将按钮设置为禁用时，也会向按钮添加样式，以便确认该按钮已被禁用

        $('#nextButton').css('border','1px solid red');
        $('#nextButton').prop('disabled',true);

希望这对你有帮助。

Answer 4

您可以使用下面提到的步骤禁用按钮。

说出你的按钮类名= setAlg

第1步：

使用Jquery attr属性：

$('.setAlg').attr('disabled', 'disabled');

第2步：

使用Jquery addClass CSS Class：

$('.setAlg').addClass('disabled');

第3步：

然后通过声明CSS样式类：

<style type="text/css">
        .disabled
        {
            background: none repeat scroll 0 0 burlyWood;
            cursor: default !important;
        }
  </style>

按钮输入上的CSS取消了jQuery中的prop disabled属性

4 个答案: