1

jqueryダイアログボタンのグループのボタンの1つを左側に表示しようとしています。しかし、jquery はボタン グループを でラップするため、これは不可能だと思います。float:left を動的に追加しようとしましたが、うまくいきません。

何か案は？

ありがとう

<div class="ui-dialog-buttonset">
    <!--this should be on the left-->
    <button id="lbCreateGroup" class="createButton ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="button" role="button" aria-disabled="false">
    <!--these 2 buttons should be on the right-->
    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="button" role="button" aria-disabled="false">
    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="button" role="button" aria-disabled="false">
</div>
4

1 に答える 1

1

cssだけでできる...

#lbCreateGroup { float: left; }
.ui-button { float: right; }

これが実用的なフィドルです...

http://jsfiddle.net/tEKWJ/

デフォルトでは、.ui-buttonclass を持つすべての要素が右にフロートするため、このために別のクラスを追加することをお勧めします。id で指定された要素の css は、クラスで指定されたものを常にオーバーライドするため、左にフロートさせたい要素の id を使用します。

ちなみに、jQueryUI はデフォルトでボタンを正しくフロートさせることができるので、CSS の 2 行目は必要ないかもしれません :)

于 2013-04-22T14:48:13.970 に答える