仅当我在对话框jQuery中按下调整大小角时,才会出现垂直滚动条

时间:2013-01-04 12:58:07

标签: javascript jquery dialog

我有一个max-height = 400px的对话框和内容高度超过400px的问题,垂直滚动条没有出现,但是当我按下对话框的调整大小并关闭它时,然后重新打开它,垂直滚动条出现,工作正常。有任何建议或想法如何解决这个问题?这是ui-dialog和ui-dialog-content:

.ui-dialog {
    max-height: 400px;
    overflow: hidden;
    padding: 0.2em;
    position: absolute;
    width: 300px;
}

.ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    padding: 0.5em 1em;
    position: relative;
}

以下是我使用此对话框的代码:

<script type="text/javascript">
 function formatViewLink(cellvalue, options, rowObject) {
       return "<a onClick='openDialog("+cellvalue+")'>" + '<img src="images/view_detail.png" />' + "</a>";  
      } 

</script>
<script type="text/javascript">
function openDialog(isobolId) {
                $("#selected_structs").load("${viewUrl}?isobolId="+isobolId);
                $("#selected_structs").dialog('open');
        }
</script>
<@sj.dialog 
        id="selected_structs" 
        title="Version Structures" 
        autoOpen="false" 
        modal="true"
        width="400"
        height="auto"
        position="['center','top']"
>
</@sj.dialog>

1 个答案:

答案 0 :(得分:0)

我通过更改jquery-ui.css中的struts2jquery-plugin-3.3.1.jar文件解决了这个问题。排在第 435 overfolw:hiddenoverflow:auto。然后我清空浏览器的缓存,它就像魅力: - )。