2013-07-29 38 views
5

Giriş sayfama bir gönderim düğmesi var. Bir kez tıkladıktan sonra gönder düğmesini devre dışı bırakmak istiyorum. this.disabled = true; sorgusuyla iyi çalışıyor ve düğmeyi devre dışı bıraktıktan sonra bir sonraki sayfaya gidiyor. Sorun şu ki, geri düğmesine bastığımda, sayfa sunucudan yeniden yüklenmediğinden hala devre dışı bırakılıyor, yerel önbellekten yükleniyor. Giriş sayfasına geri döndüğümde düğmeyi her defasında etkinleştirmek istiyorum. Önbelleği temizleyebilirim ancak sunucudan yüklenecek ve projenin yavaş olacağı gibi bir problem var. Bunu yapmanın en iyi yolu ne olacak?Sorunu tıkladıktan sonra düğmeyi devre dışı bırak

<script> 
$(document).ready(function(){ 
    $(document).on('click','button',function(){ 
     this.disabled = true 
     window.location="https://www.google.co.in/" 
    }) 
}) 
</script> 
<body> 
<button type="submit" id="button">Click Me!</button> 
</body> 
+0

neden bunu: – Sergio

+0

@Sergio - Muhtemelen birden fazla form gönderiminden veya bu ölçüde bir şeyden kaçınmak için. – sbeliv01

+0

@ sbeliv01, evet mümkün. OP'in fikrini daha iyi anlamak sadece merak ediyorum. – Sergio

cevap

2

ben bu yardımcı olur kod yeniden etkinleştirmek vermez (böylece vücutta bu kaldırabilirsiniz) olduğunu kanıtlamak için vücut html engelliler için düğmeler ilk engelli özelliğini ayarlamak Başka bir sayfaya giderse onu devre dışı bırakmanız mı gerekiyor?
+0

@StevelKB tarayıcıda değil, tarayıcıda iyi çalışıyor. – Nullify

+0

Sorunuza android etiketi eklemeye önem veriyor musunuz, teşekkürler! – SteveKB

2

Düğme sayfanın yüklenmesinde etkinleştirilen başka bir olaya ihtiyacınız var. Tür gibi:

<script> 
$(document).ready(function(){ 
    $("#button").disabled = false; 
    $(document).on('click','button',function(){ 
     this.disabled = true 
     window.location="https://www.google.co.in/" 
    }) 
}) 
</script> 
<body> 
<button type="submit" id="button">Click Me!</button> 
</body> 

Ben sözdizimi% 100 ise bu yüzden emin değilim çalıştırmayı deneyin vermedi ama size doğru bir fikir vermelidir.

<script> 
$(document).ready(function() { 
$("#button").removeAttr('disabled'); 
$("#button").click(function(){ 
     $(this).attr('disabled','disabled'); 
     window.location="https://www.google.co.in/" 
    }); 
}); 
</script> 
<body> 
<button type="submit" id="button" disabled="disabled">Click Me!</button> 
</body> 
+0

Bu, düğmeyi devre dışı bırakır ve ardından etkinleştirmek için etkinleştirin. – mikeswright49

+1

Hayır. Devre dışı, onclick dinleyicide doğru olarak ayarlanmıştır. Sayfayı oluşturduktan sonra Document.ready() çağrılır. Bu kod, sayfa oluşturulduktan sonra düğmeyi etkinleştirir. Verilen önbellekten yüklendiyse .ready() çağrılacak olduğundan emin değilim. – retrohacker

+0

dude dikkatlice okumalısınız.button enable, $ ("# button") 'a basıldığında işe yarayacaktır. Disabled = false; Geri tıkla düğmesi herhangi bir sorguyu tetiklemez sayfanın önbelleğinden geri dönecektir – Nullify

İlgili konular