Javascript 只有在对话框jQuery中按下“调整大小”按钮时,垂直滚动条才会出现
我有一个最大高度为400px的对话框,当内容高度超过400px时,垂直滚动条不会出现,但当我按下对话框的调整大小角并关闭它,然后重新打开它时,垂直滚动条会出现并正常工作。对如何解决这个问题有什么建议或想法?以下是ui对话框和ui对话框内容:Javascript 只有在对话框jQuery中按下“调整大小”按钮时,垂直滚动条才会出现,javascript,jquery,dialog,Javascript,Jquery,Dialog,我有一个最大高度为400px的对话框,当内容高度超过400px时,垂直滚动条不会出现,但当我按下对话框的调整大小角并关闭它,然后重新打开它时,垂直滚动条会出现并正常工作。对如何解决这个问题有什么建议或想法?以下是ui对话框和ui对话框内容: .ui-dialog { max-height: 400px; overflow: hidden; padding: 0.2em; position: absolute; width: 300px; } .ui-di
.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>
函数formatViewLink(单元格值、选项、行对象){
返回“+”+”;
}
函数openDialog(isobolId){
$(“#选定的_结构”).load(“${viewUrl}?isobolId=“+isobolId”);
$(“#所选#结构”)。对话框(“打开”);
}
我通过更改struts2jquery-plugin-3.3.1.jar
中的jquery ui.css
文件解决了这个问题。在第435行中,覆盖:隐藏到溢出:自动
。然后我清空浏览器的缓存,它会像charm:-)一样工作。请您从应用程序中提供fiddle链接或一些代码。这可能有助于我们清楚地理解您的问题。您可以在代码中使用.ui对话框{overflow:auto;}。这可能会解决你的问题。