[英]removeClass(“disabled”) in JQuery doesn't work correct
我有按钮:
<button type="button" id="add_argument_button" class="btn btn-default disabled">
<span class="fa fa-plus"></span>
</button>
<button type="button" id="remove_class" onclick="remove_disabled();">
remove
</button>
和js功能:
function remove_disabled(){
$("#add_argument_button").removeClass("disabled);
}
它可以工作,当我单击第二个按钮时,第一个按钮实际上并未禁用,我可以单击它。 但是按钮和光标的视图保持为禁用状态。 我认为,我需要重新加载第一个按钮。 为什么我们可以解决这个问题?
您在removeClass语句的末尾缺少双引号。
$("#add_argument_button").removeClass("disabled");
也许您需要禁用第一个按钮?
function remove_disabled(){ $("#add_argument_button").removeClass('disabled'); $("#add_argument_button").prop("disabled", true); }
<!DOCTYPE html> <html> <head> <style> </style> <script src="/scripts/snippet-javascript-console.min.js?v=1"></script> </head> <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button type="button" id="add_argument_button" class="btn btn-default disabled"> <span class="fa fa-plus"></span> </button> <button type="button" id="remove_class" onclick="remove_disabled();"> remove </button> <script type="text/javascript"> </script> </body> </html>
试试这个代码,它的工作原理
<body>
<button type="button" id="add_argument_button" class="btn btn-default disabled">
<span class="fa fa-plus"></span>
</button>
<button type="button" id="remove_class">
remove
</button>
<div id="logbefore"></div>
<div id="logafter"></div>
</body>
// Add your javascript here
$(function() {
$("#logbefore").text($("#add_argument_button").attr('class'));
$("#add_argument_button").removeClass("disabled");
$("#logafter").text($("#add_argument_button").attr('class'));
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.