0

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>
4

1 に答える 1

0

jquery-ui.css内のファイルを変更することで問題を解決しましたstruts2jquery-plugin-3.3.1.jar。435行目でoverfolw:hiddento overflow:auto. 次に、ブラウザのキャッシュを空にすると、魅力的に機能します:-)。

于 2013-01-30T14:41:22.053 に答える