javascript - jQuery UI：ボタンのテキストを変更するとボタンのサイズが歪む

Question

フォーム（jQuery UIでスタイル設定されている）にボタンがあり、JavaScriptを使用してテキストを動的に変更しています。何らかの理由で、テキストを変更すると、ボタンのサイズが通常とは異なるサイズに縮小されます。これを改善するにはどうすればよいですか？

これが問題の写真です：

---

---

Answer 1

ボタンのテキストを間違った方法で変更した可能性があります。たとえば、単に実行する$('#button').text('Test')か$('#button').html('Test')、スタイル設定の目的でjQueryが出力するスパン要素を上書きする場合です。

これを試して：

$('#button').find('span').text('Test');

編集：

私はこれを行うためのよりクリーンな方法を見つけました：

$('#button').button('option', 'label', 'Test');