0

jQuery UI ボタン​​があり、そのテキストを動的に変更したいと考えています。これを行うと、ChromeとIEで問題はありません：

$('#myButton').find('span:first').text("myText");

ただし、Firefox ではボタンの処理が異なるようで、ボタンのスパンが見つかりません。したがって、Firefox の場合は、代わりに次のようにします。

$('#myButton').text("myText");

ほとんどの場合は機能しますが、テキストを変更しようとするとボタンの準備ができていない場合や、別の理由で Firefox がボタンを正しくロードできず、最終的に次のようなボタンが表示されることがあります: ( jQuery UI によって追加された多数の属性を省略します)

<button id="myButton">myText</button>

その代わりに：

<button id="myButton">
  <span class="ui-button-text">myText</span>
</button>

したがって、これらのスレッドのように、ボタンのスタイルがうまくいかない: Jquery UI ボタン​​の問題と jQuery UI: ボタンのテキストを変更するとボタンのサイズが歪む

ここにあるいくつかのアドバイスに従って、これも試しました：

$("#myButton).button('option', 'label', 'myText');

しかし、初期化の前にボタン メソッドを呼び出せないというエラーが表示されます。

Chrome と IE は毎回これを完璧に処理するので、腹立たしいです。一貫した動作を得る方法はありますか?

ありがとうございました。

4

0 に答える 0