2016-06-30 8 views
0

Ich habe Tasten:removeClass ("disabled") in JQuery nicht richtig funktioniert

<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> 

Und js Funktion:

function remove_disabled(){ 
    $("#add_argument_button").removeClass("disabled); 
} 

Es funktioniert, und wenn ich auf den zweiten Knopf klicken Sie auf die erste Schaltfläche ist de facto nicht deaktiviert und ich kann darauf klicken. Die Ansicht der Schaltfläche und des Cursors bleibt jedoch deaktiviert. Ich denke, dass ich den ersten Knopf neu laden muss. Warum können wir dieses Problem lösen?

+0

Blick auf die Syntax arbeiten hervorheben; Momentan fehlt ein '' '- das könnte ein Tippfehler beim Transkribieren deines Codes sein, da es überhaupt funktioniert. –

Antwort

0

Am Ende Ihrer removeClass-Anweisung fehlen doppelte Anführungszeichen.

$("#add_argument_button").removeClass("disabled"); 
0

Vielleicht müssen Sie die erste Schaltfläche deaktivieren?

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>

0

diesen Code Versuchen Sie, Ihre

<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')); 
});