UI -> dialog
ダイアログウィジェット。
jQuery UI：Dialog Widget
ボタン要素
テキスト
- buttons: {
- 'AAA': function( event ) {
- if ( $( event.target ).text() == 'AAA' ) {
- $( event.target ).text( 'XXX' );
- }
- else if ( $( event.target ).text() == 'XXX' ) {
- $( event.target ).text( 'AAA' );
- }
- },
- 'キャンセル': function() {
- $( this ).dialog( 'close' );
- }
- },
これで、ボタンをクリックする毎にテキストを入れ替えることができた。
けど、ボタンのサイズが。。。ちっちゃくなっちゃった。。。
参考サイト
StackTrace jQuery UI API 1.8.4 日本語リファレンス：Dialog
→ボタンテキストの取得はこちらを参考にさせていただいた
js STUDIO：Dialog
jQuery UI の使い方：dialog(options)
Qiita：Dialogのボタンそれぞれにclassを設定する
→ボタンのオプション指定について、他とは異なった書式が紹介されている