繁体   English   中英

JQuery中的removeClass(“ disabled”)无法正常工作

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM