Jquery ui jQuery对话框高度有问题

我似乎无法将对话框打开到我想要的高度，我可以看到标题栏，但在我用鼠标展开对话框之前，无法获取内容

我的代码

这让我发疯了！！！！
$（文档）.ready（函数（）{
//初始化图像弹出对话框
$（“#ImageDialog”）.dialog（{autoOpen:false，height:500}）；
$（“.open”）。单击（函数（）
{
$（“图像对话框”）.dialog（“打开”）；
});
$（“.close”）。单击（函数（）
{
$（#ImageDialog”）.dialog（“关闭”）；
});
});

我在HTML中设置了div to ui对话框的类

删除此选项修复了问题

<div id="ImageDialog" style="display:none;height:500px;" class="ImageDialog">
    <div style="height:500px;">
        This is making me crazy!!!!
        <img class="productImage" src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif" />
    </div>
</div>

$(document).ready(function () {
    // init the image popup dialog
    $("#ImageDialog").dialog({ autoOpen: false, height: 500 });

    $(".open").click(function()
                 {
                     $("#ImageDialog").dialog("open");
                 });

    $(".close").click(function()
                 {
                     $("#ImageDialog").dialog("close");
                 });
});

这让我发疯了！！！！
$（文档）.ready（函数（）{
//初始化图像弹出对话框
$（“#ImageDialog”）.dialog（{autoOpen:false，height:500}）；
$（“.open”）。单击（函数（）
{
$（“图像对话框”）.dialog（“打开”）；
});
$（“.close”）。单击（函数（）
{
$（#ImageDialog”）.dialog（“关闭”）；
});
});

<div id="ImageDialog" style="display:none;height:500px;" class="ImageDialog">
    <div style="height:500px;">
        This is making me crazy!!!!
        <img class="productImage" src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif" />
    </div>
</div>

$(document).ready(function () {
    // init the image popup dialog
    $("#ImageDialog").dialog({ autoOpen: false, height: 500 });

    $(".open").click(function()
                 {
                     $("#ImageDialog").dialog("open");
                 });

    $(".close").click(function()
                 {
                     $("#ImageDialog").dialog("close");
                 });
});