Question

我试图让我的jquery对话框按钮组中的一个按钮显示在左侧。但我认为这是不可能的，因为jquery包含了一个按钮组。我已经尝试过动态添加浮动：但这不起作用。

有什么想法吗？

由于

<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>

Answer 1

你可以用css ......

来做

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

这是一个工作小提琴......

http://jsfiddle.net/tEKWJ/

默认情况下，具有.ui-button类的所有元素将向右浮动，因此您可能希望专门为此添加另一个类。由id指定的元素的css将始终覆盖由class指定的元素，因此您使用要向左浮动的元素的id。

顺便说一句，jQueryUI可能会默认将按钮右移，所以你可能不需要第二行的css：）

将jquery对话框按钮向左移动

1 个答案: