jquery - Jquery 对话框按钮 - 位置

Question

我在页面中有三个按钮。一个按钮需要在右上角，另外两个按钮应该在左下角。

那么如何在jQuery中拆分按钮位置呢？

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    position:absolute;
    top:150px;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
}

如何包含自定义图像？

Answer 1

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    position:absolute;

}
.ui-dialog  {
    top: 10px !important;
    right:5px;

}
.ui-dialog-buttonpane .ui-dialog-buttonset {
    top: 400px;(this value depends on the page layout)
    left: 10px;
}

如果你想使用 jquery

$(.ui-dialog).css('top', '10px');
$(.ui-dialog).css('right', '5px');

$(.ui-dialog-buttonpane).css('top', '400px');
$(.ui-dialog-buttonpane).css('left', '5px');

$(.ui-dialog-buttonset).css('top', '400px');
$(.ui-dialog-buttonset).css('right', '10px');

将此代码包装在 document.ready 函数小提琴中：http: //jsfiddle.net/z8ZQF/4/

.ui-dialog-buttonset button:first-child {
   right:30px; 
   position: absolute;
   top: 42px;
}
.ui-dialog-buttonset{
    position:relative;
}