jquery - jQuery ui-对话框布局

Question

有没有办法删除这个空间？

jQuery ui-dialog

在http://jsfiddle.net/sumanthreddy/bps6e/8/找到这个

Answer 1

你可以在css中做到这一点

#rolling {
   height: 80px !important;
}

http://screencast.com/t/VNpe7ODkh2Ar

Answer 2

将此添加到您的CSS：

#cancel, .buttonDiv {
    position: absolute;
    bottom: 0;   
    right: 5px;
}

并且为了表弟 skeeter 的爱，请使用速记并压缩整个 CSS 文件。这是一个免费赠品。

这个（你的）：

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
border-top-color: #2ba1b5;
border-bottom-color: #2ba1b5;
border-left-color: #2ba1b5;
border-right-color: #2ba1b5;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
background-color: rgb(231,238,249);

那（我的）：

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0;
clear: both;
border: 1px solid #2ba1b5;
background: rgb(231,238,249);

Answer 3

你的initializeDevice函数中有这一行，在最后一行

jQuery("#rolling").dialog('open');

只需将其更改为

jQuery("#rolling").dialog('open').css('height', '90px'); // or less

演示。 但是，您也可以使用它css，并且已经给出了答案。