UI -> dialog

Posted by muchag | jQuery | 2015-04-07 (火) 16:53:37

ダイアログウィジェット。

jQuery UI:Dialog Widget

ボタン要素
テキスト
  1. buttons: {
  2.     'AAA': function( event ) {
  3.         if ( $( event.target ).text() == 'AAA' ) {
  4.             $( event.target ).text( 'XXX' );
  5.         }
  6.         else if ( $( event.target ).text() == 'XXX' ) {
  7.             $( event.target ).text( 'AAA' );
  8.         }
  9.     },
  10.     'キャンセル': function() {
  11.         $( this ).dialog( 'close' );
  12.     }
  13. },

これで、ボタンをクリックする毎にテキストを入れ替えることができた。
けど、ボタンのサイズが。。。ちっちゃくなっちゃった。。。

参考サイト

StackTrace jQuery UI API 1.8.4 日本語リファレンス:Dialog
→ボタンテキストの取得はこちらを参考にさせていただいた
js STUDIO:Dialog
jQuery UI の使い方:dialog(options)
Qiita:Dialogのボタンそれぞれにclassを設定する
→ボタンのオプション指定について、他とは異なった書式が紹介されている

jQuery | 2015-04-07 (火) 16:53:37 |

コメントはまだありません »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a comment