jQuery UI Dialog und maxHeight in Internet Explorer

Question

Hier ist mein aktueller Code:

$("#DialogScroll").dialog({ 
       bgiframe: true, 
       autoOpen: false, 
       maxHeight: 600, 
       width: 550, 
       modal: true, 
       resizable: false, 
       open: function (type, data) { 
        $(this).parent().appendTo("form"); 
       }, 
       close: function() { } 
      }); 

maxHeight funktioniert gut in Firefox, Chrome, etc., wie erwartet, aber IE 7 hat offensichtlich ein Problem mit ihm. Hat jemand eine Idee, wie man den UI-Dialog dazu bringt, maxHeight in IE zu verwenden?

<div id="DialogScroll" class="dialog" style="display:none; "> 
     <table> 
      <thead> 
       <tr> 
        <th> 
         State Code 
        </th> 
        <th> 
         State Name 
        </th> 
       </tr> 
      </thead> 
      <tbody> 
       <asp:Literal ID="litStates" runat="server" /> 
      </tbody> 
     </table> 
    </div> 

Answer 1

Sieht aus wie es seit langem ist open jQueryUI bug - unter diesem Link gibt es eine Behelfslösung und in den Kommentaren aufgeführt Patch.

Answer 2

Der Link, der Dean deutete auf hat ein neues Update mit einem großen Arbeits um die für mich gearbeitet:

Zusätzlich könnten Sie Ihre eigene CSS von ‚vol7ron‘ gelten; so etwas wie:

$('#dialog') 
    .dialog({ modal : true }) 
    .css({ 'max-height' : '50px' }); 

daher in Ihrem Fall:

$("#DialogScroll").dialog({ 
    bgiframe: true, 
    autoOpen: false, 
    width: 550, 
    modal: true, 
    resizable: false, 
    open: function (type, data) { 
     $(this).parent().appendTo("form"); 
    }, 
    close: function() { } 
}).css({ 'max-height' : '600px'});