Jquery对话框按钮 - 位置

时间:2013-06-24 14:36:23

标签: jquery jquery-ui jquery-ui-dialog

页面上有三个按钮。一个按钮需要在右上方,另外两个按钮应该在左下方。

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

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

如何包含自定义图片?

1 个答案:

答案 0 :(得分:2)

.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;
}