Question

我正在使用像这样的jquery出现一个对话框：

$("#dialog").dialog({
        autoOpen: true,
        modal: true,
        title: "Group Invitation",
        width: 600,
        height: 300,
        resizable: false,
        buttons: {
            "Yes": function() {
                $(this).dialog("close");

                callback(true,myRowID);
            },
            "No": function() {
                $(this).dialog("close");
                callback(false,myRowID);
            }
                        }
    });

但我的问题是，如果我想要一个左侧的按钮，因为这两个都保持在右侧。请帮助。

Answer 1

工作JSFIDDLE

 $('#dialog').dialog({
        autoOpen: true,
        height: 318,
        width: 531,
        modal: true,
        resize: false,
        buttons: {
            DelUser:{ 
                class: 'alignLeft',
                text: 'Delete User',
                click : function (){
                    alert('delete here');
                }
            },
            "Update User": function () {
                   alert('update here');
       },
            Close: function () {
                $(this).dialog("close");
            }
        }
    });

CSS：

 <style>
   .alignLeft
    {
     margin-right: 170px !important;
    }
 </style>

JSFIDDLE

Answer 2

您可以覆盖jquery ui按钮集类。

.ui-dialog-buttonset{
float:left !important;
}

Fiddle

jQuery中对话框左侧的按钮

2 个答案: