2016-03-27 22 views
1

ボタンを有効にしようとしていますが、これはデフォルトではブートストラップでは無効になっています。ブートストラップでデフォルトの無効化ボタンを有効にするにはどうすればよいですか?

私はremoveクラス、prop()を使用してみましたが、jQueryでattrを削除しましたが、動作していないようです。

有効にする方法はありますか?

のように:これが動作しない理由を

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 

<script> 
$('#example').prop('disabled', false); 
</script> 
</head> 
<body> 
<button id="example" type="button" class="btn btn-default btn-disabled"disabled>Text</button> 

</body> 
</html> 
+2

[の可能性の重複を必要としない限り、disabled属性は、そのの世話をするようあなたはBTN-無効なクラスを必要としないと思いますボタンとリンクを無効/有効にする最も簡単な方法(jQuery + Bootstrap)](http://stackoverflow.com/questions/16777003/what-is-the-easiest-way-to-disable-enable-buttons-and-links -jquery-bootstrap) –

+0

試したコードを表示しますか? – Moumit

答えて

0

私はあなたとは何の任意の特定の色や他のCSSスタイル

<button id="example" type="button" class="btn btn-default" disabled>Text</button> 

$(document).ready(function(){ 
    $('#example').prop('disabled', false); 
}); 

jsFiddle

+0

ありがとう!私はそれを乱した! – esskay

1

理由は簡単です:HTML要素はjavascriptのコードが実行された時点でロードされていません。だから、このコードは何もしません。例作業

$(document).ready(function(){ // Makes your code load after the page is loaded. 
    $('#example').prop('disabled', false); 
    $('.btn-default').removeClass('btn-disabled'); 
}); 

https://jsfiddle.net/crix/nxLmkutq/

・ホープ、このことができます

はこのような何かを試してみてください! 幸運。

+0

ありがとうございます!私は最初のティムのためにそれをやっているので、ちょっとここのものに新しい! – esskay

関連する問題