2016-03-27 25 views
1

Öntanımlı olarak, önyükleme sırasında devre dışı bırakılmış bir düğme yapmaya çalışıyorum.Önyükleme sırasında varsayılan devre dışı bırakma düğmesi nasıl etkinleştirilir?

Sınıfı kaldırmayı denedim, prop() ve jQuery'deki attr'i kaldırmayı denedim, ancak işe yaramıyor.

Bunu etkinleştirmenin bir yolu var mı?

gibi: Bu işe yaramazsa neden

<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

Olası yinelenen [nedir gerekmedikçe Eğer btn özürlü sınıfına gerekmez tahmin düğmeleri ve bağlantıları (jQuery + Bootstrap) devre dışı bırakmak/etkinleştirmek için en kolay yol) (http://stackoverflow.com/questions/16777003/what-is-the-easiest-way-to-disable-enable-buttons-and-links -jquery-bootstrap) –

+0

Denenen kodunuzu gösterin? – Moumit

cevap

0

özürlü nitelik o ilgilenir olarak herhangi bir özel renk veya başka herhangi bir css stil ait

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

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

jsFiddle

+0

Teşekkür ederim! – esskay

1

Nedeni basit: html-eleman javascript kodu yürütüldüğünde noktada yüklü değil. Yani bu kod hiçbir şey yapmaz. Böyle

deneyin şey:

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

Çalışma örneği: Bu yardımcı olur https://jsfiddle.net/crix/nxLmkutq/

Umut! İyi şanslar.

+0

Teşekkür ederiz! İlk t için bunu yapıyorum, bu yüzden burada yeni şeyler için çok yeni! – esskay

İlgili konular