manuell jQuery Dialogprüfung machen, wenn Resize benötigt wird

Question

Ich habe einen jQuery-Dialog, dass Lasten seines Inhalt Trog Ajax nach seinem geöffnet.

Sehen Sie diese JSFiddle (Inhalt ist Trog nicht geladen Ajax aber nach offen zugegeben, das ist genug, um mein Problem zu demonstrieren).

html:

<div id="test">test</div>

js:

$("#test").dialog({
    minHeight:100,
    maxHeight:200,
    width:300,
    open: function(){
        $(this).html("test<br /><br />test<br />" +
                     "<br />test<br /><br />test" +
                     "<br /><br />test<br /><br />" +
                     "test<br /><br />test<br />" +
                     "<br />test<br /><br />test");
    }
});

Wenn es geöffnet ist es nicht wahr, seine maxHeight nicht bleiben, bis Sie das Dialogfeld Größe ändern. Gibt es irgendeine Art von resize Methode, die ich anrufen kann, nachdem ich Inhalt in den Dialog hinzugefügt?

ziehe ich sich nicht von Hand zu haben, um herauszufinden, ob ein Resize benötigt wird und wie hoch, da sein so ziemlich schon gebaut in die ui-Plugin.

Answer 1

JSFiddle Beispiel.

Nicht gerade die elegante Lösung, die ich erhoffen, aber bisher scheint es zu funktionieren.

Wenn jemand eine bessere Lösung hat bin ich froh, das zu hören.

Answer 2

Setzen Sie den HTML-Code in einem tatsächlichen div auf der webapge, dann auf diesem div verwendet Dialog. Oder Änderungen der Höhe (und andere Optionen) nach init ... jquery docs :

//getter
var width = $( ".selector" ).dialog( "option", "height" );
//setter
$( ".selector" ).dialog( "option", "height", 460 );

Answer 3

Zur Einstellung der maxHeight in der offenen Funktion scheint den Trick zu tun:

$("#test").dialog({
    minHeight:100,
    width:300,
    open: function(){
        $(this).html("test<br /><br />test<br /><br />test<br /><br />test<br /><br />test<br /><br />test<br /><br />test<br /><br />test<br /><br />test");
        $(this).parent().css("height", "auto");
        $(this).css("maxHeight", 200);
    }
});

EDIT: Es erscheint, wenn die ‚Test‘ div als Dialog verwendet wird, zusammen mit einem Header div im Dialog div verschachtelt wird. Als Ergebnis sowohl der Test div und die darin enthaltenen div Notwendigkeit, ihre Höhen eingestellt haben, mit der Div unter Berücksichtigung der Höhe des Dialog Header div enthält. Einstellen seiner Höhe auf Auto sollte sich darum kümmern.