javascript - Jquery UI ボタン​​の問題

Question

これを見てください

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

問題は、リンクのテキストを変更した後、.button()正しく機能しないことです。

これが前のスクショットです：

マウスをクリックした後：

すべてのパディングを見ると、フォント スタイルがなくなっています。なにか提案を？この問題を解決するにはどうすればよいですか?

Answer 1

これspanは、設定後にタグが削除されるためです。次のelement.textフィドルを参照してください。

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

または、span要素のテキストを変更することもできます。

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

Answer 2

これはHow do I replace jQueryUI button text?からのものです。

label代わりに jQuery UI ボタン​​のオプションを使用できますか?

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

jsbin プレビューはこちら

Answer 3

http://jsfiddle.net/Bue3B/

children（'span'）。text..を使用します。