J'ai des problèmes avec la hauteur de la boîte de dialogue jQuery

Question

Je n'arrive pas à ouvrir la boîte de dialogue à la hauteur désirée, je peux voir la barre de titre, mais je n'obtiens pas le contenu avant d'agrandir la boîte de dialogue avec la souris

Mon code http://jsfiddle.net/Uu2G4/3/

<div id="ImageDialog" style="display:none;height:500px;" class="ImageDialog ui-dialog"> 
    <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"); 
       }); 
}); 

Answer 1

Je mis la classe de la div ui-dialogue dans le code HTML

suppression de cette résolu le problème.

<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"); 
       }); 
});