1

我试图让我的 jquery 对话框按钮组中的一个按钮显示在左侧。但我认为这是不可能的，因为 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-button类的元素都会向右浮动，因此您可能需要专门为此添加另一个类。由其 id 指定的元素的 css 将始终覆盖由 class 指定的元素，因此您使用要向左浮动的元素的 id。

顺便说一句，jQueryUI 很可能默认情况下浮动按钮，所以你可能不需要第二行 css :)

于 2013-04-22T14:48:13.970 回答