jQuery 滚动条不显示

Question

我遇到一个问题，即使内容比对话框窗口大得多，jquery 对话框上的滚动条也不会显示。

有人知道哪里出了问题吗？

这是对话框初始化代码:

$("#divFoo").dialog({
autoOpen: false,
modal: true,
height: 500,
width: 500,
closeText: '',
position: 'center',
draggable: true,
open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
});

这是我打开它的方法:

$("#divFoo").dialog("open");

这是样式表中的 CSS:

#divFoo
{
    display:none;
}

这是 HTML div:

<div id="divFoo">
    <table id="tableFoo" cellpadding="5" cellspacing="5">
        <tr>                
            <td id="tdPP01"><img id="imgPP01" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP02"><img id="imgPP02" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP03"><img id="imgPP03" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP04"><img id="imgPP04" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP05"><img id="imgPP05" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP06"><img id="imgPP06" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP07"><img id="imgPP07" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP08"><img id="imgPP08" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP09"><img id="imgPP09" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP10"><img id="imgPP10" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP11"><img id="imgPP11" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP12"><img id="imgPP12" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP13"><img id="imgPP13" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP14"><img id="imgPP14" src="/images/foo.jpg" alt="" /></td>
        </tr>
        <tr>
            <td id="tdPP15"><img id="imgPP15" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP16"><img id="imgPP16" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP17"><img id="imgPP17" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP18"><img id="imgPP18" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP19"><img id="imgPP19" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP20"><img id="imgPP20" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP21"><img id="imgPP21" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP22"><img id="imgPP22" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP23"><img id="imgPP23" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP24"><img id="imgPP24" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP25"><img id="imgPP25" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP26"><img id="imgPP26" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP27"><img id="imgPP27" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP28"><img id="imgPP28" src="/images/foo.jpg" alt="" /></td>
        </tr>
        <tr>
            <td id="tdPP29"><img id="imgPP29" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP30"><img id="imgPP30" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP31"><img id="imgPP31" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP32"><img id="imgPP32" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP33"><img id="imgPP33" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP34"><img id="imgPP34" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP35"><img id="imgPP35" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP36"><img id="imgPP36" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP37"><img id="imgPP37" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP38"><img id="imgPP38" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP39"><img id="imgPP39" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP40"><img id="imgPP40" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP41"><img id="imgPP41" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP42"><img id="imgPP42" src="/images/foo.jpg" alt="" /></td>
        </tr>
        <tr>
            <td id="tdPP43"><img id="imgPP43" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP44"><img id="imgPP44" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP45"><img id="imgPP45" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP46"><img id="imgPP46" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP47"><img id="imgPP47" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP48"><img id="imgPP48" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP49"><img id="imgPP49" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP50"><img id="imgPP50" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP51"><img id="imgPP51" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP52"><img id="imgPP52" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP53"><img id="imgPP53" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP54"><img id="imgPP54" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP55"><img id="imgPP55" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP56"><img id="imgPP56" src="/images/foo.jpg" alt="" /></td>
        </tr>
        <tr>
            <td id="tdPP57"><img id="imgPP57" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP58"><img id="imgPP58" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP59"><img id="imgPP59" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP60"><img id="imgPP60" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP61"><img id="imgPP61" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP62"><img id="imgPP62" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP63"><img id="imgPP63" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP64"><img id="imgPP64" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP65"><img id="imgPP65" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP66"><img id="imgPP66" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP67"><img id="imgPP67" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP68"><img id="imgPP68" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP69"><img id="imgPP69" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP70"><img id="imgPP70" src="/images/foo.jpg" alt="" /></td>
        </tr>
        <tr>
            <td id="tdPP71"><img id="imgPP71" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP72"><img id="imgPP72" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP73"><img id="imgPP73" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP74"><img id="imgPP74" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP75"><img id="imgPP75" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP76"><img id="imgPP76" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP77"><img id="imgPP77" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP78"><img id="imgPP78" src="/images/foo.jpg" alt="" /></td>
            <td id="tdPP79"><img id="imgPP79" src="/images/foo.jpg" alt="" /></td>
        </tr>
    </table>   
</div>

Answer 1

尝试将 #divFoo 的样式设置为 overflow:false 并在对话框初始化中添加 ressized: 'false'。