bouton JQuery UI problème

Question

S'il vous plaît jeter un oeil à ce

http://jsfiddle.net/WAre9/4/

Le problème est, après avoir modifié le texte du lien, .button() ne fonctionne pas correctement.

Voici scrshot avant:

Après un clic de souris:

Comme vous le voyez tous les rembourrages, les styles de police ont disparu. Toute suggestion? Comment régler ce problème?

Answer 1

C'est de How do I replace jQueryUI button text?

Peut-être que vous pouvez utiliser l'option label du bouton jQuery UI maintenant à la place?

$("#mybutton").button().toggle(function() { 
    $(this).button('option', 'label', 'Stop'); 
}, function() { 
    $(this).button('option', 'label', 'Start'); 
}); 

jsbin preview here

Answer 2

C'est parce que la balise span est supprimé après element.text voir ce violon:

http://jsfiddle.net/WAre9/8/

ou vous pouvez simplement modifier le texte de l'élément span:

http://jsfiddle.net/WAre9/10/

Answer 3

http://jsfiddle.net/Bue3B/

utilisent des enfants ('span') texte. ...