jQueryUI：ボタンのポジションについて

Question

jQueryUIで、ボタンをそれぞれ独立して配置させるにはどうすればいいでしょうか?
現在は、ボタンが同じ方向に一列に並んでしまっています。
自分としては、一つのボタンを左側に並べ、残りを右に並べたいです。
こうすることはできますか?

Answer 1

FirebugもしくはGoogl Chromeからこの問題を見てみましょう。

ダイアログコントロールはui-dialog-buttonpaneというクラスを持つDivを作成します。
なのでこれを検索することができます。

複数のボタンを扱っている場合は、:firstと:last属性が必要かと思います。

そのため、

$(".ui-dialog-buttonpane button:first) 

これを使うと最初のボタンが返ってきます。
さらに、

$(".ui-dialog-buttonpane button:last)

こうすると最後のボタンが返ってきます。

ここまできたら、Css・スタイルを変更してそれぞれのボタンを左右に振り分けてください（フロート値を変更します）。

このアプローチで試してみてください。