2016-06-30 5 views
0

動作しない私は、ボタンを持っている:removeClass( "無効")が正しい

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

私は2番目のボタンの上に最初のボタンをクリックしたときにそれが動作し、事実上無効ではなく、私はそれをクリックすることができます。しかし、ボタンとカーソルの表示は無効になっています。私は、最初のボタンをリロードする必要があると思います。なぜこの問題を解決できるのでしょうか?

+0

ルックをお試しください。現在、あなたはあなたのコードを転記する際にタイプミスかもしれない '' 'が欠けています。 –

答えて

0

removeClassステートメントの最後に二重引用符がありません。

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

最初のボタンを無効にする必要がありますか?

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

このコード、構文の強調表示でその作業

<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')); 
}); 
関連する問題