simple fonction Jquery échoue dans Safari, Chrome et IE

Question

Voici ma simple fonction

$('#save_button').click(function() { 
     $(this).attr('disabled',true).val('Saving'); 

     $('#new_record_form').ajaxForm({ 
     url: '/', 
     type: "POST", 
     dataType: "json", 
     beforeSubmit: function(){ alert('Boo!'); }, 
     success: function(){ alert('Hello!'); } 
     }); 
}); 

Cela fonctionne bien dans Firefox, mais pas dans Internet Explorer, Chrome ou Safari.

Commenter cette ligne $(this).attr('disabled',true).val('Saving'); semble faire fonctionner les choses.

Une raison pour cela?

Answer 1

Lorsqu'un html input est 'désactivé', il n'est pas supposé pouvoir envoyer une entrée. Essayez plutôt de remplacer la propriété par 'readonly'.

Answer 2

Il semble que vous ne pouvez pas modifier un contrôle désactivé ...

mais peut-être faire cela devrait résoudre le problème:

$('#save_button').click(function() { 
     $(this).val('Saving'); 
     $(this).attr('disabled',true); 

     $('#new_record_form').ajaxForm({ 
     url: '/', 
     type: "POST", 
     dataType: "json", 
     beforeSubmit: function(){ alert('Boo!'); }, 
     success: function(){ alert('Hello!'); } 
     }); 
}); 

Answer 3

Je l'habitude d'écrire $(accessor).attr("disabled", "disabled"); qui se traduit par HTML qui ressemble à <... disabled="disabled" .../> en cours de production . Je ne savais pas que vous pouviez utiliser votre syntaxe. Pouvez-vous essayer cela, et voir si cela fonctionne? Pour supprimer l'attribut, j'utilise $(accessor).removeAttr("disabled");.