قم بإجراء حوار jQuery يدويًا إذا كانت هناك حاجة إلى تغيير حجمها

Question

لديّ مربع حوار jQuery يقوم بتحميل محتوى Ajax بعد فتحه.

انظر الى هذا JSfiddle (لم يتم تحميل المحتوى Ajax ، ولكنه تمت إضافته بعد فتحه ، وهو ما يكفي لإظهار مشكلتي).

لغة البرمجة:

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

عندما يتم فتحه ، لا يبقى صادقًا معها maxHeight حتى تقوم بتغيير حجم الحوار. هل هناك نوع من resize الطريقة التي يمكنني الاتصال بها بعد إضافة محتوى إلى مربع الحوار؟

أفضل عدم الاضطرار إلى معرفة ما إذا كانت هناك حاجة إلى تغيير حجمها ومدى ارتفاعها منذ أن تم تضمينها بالفعل في البرنامج المساعد.

Answer 1

JSfiddle مثال.

ليس بالضبط الحل الأنيق الذي كنت آمله ولكن يبدو أنه يعمل حتى الآن.

إذا كان لدى أي شخص حل أفضل ، سأكون سعيدًا لسماع ذلك.

Answer 2

ضع رمز HTML في div الفعلي على webapge ، ثم استخدم مربع الحوار على هذا div. أو لتغيير الارتفاع (والخيارات الأخرى) بعد init ... من مستندات jQuery :

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

Answer 3

يبدو أن وضع maxheight في الوظيفة المفتوحة يقوم بالخدعة:

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

تحرير: يظهر عند استخدام Div "الاختبار" كمربع حوار ، يصبح متداخلًا داخل مربع الحوار Div مع Div رأس. ونتيجة لذلك ، يحتاج كل من اختبار Div و Div المحتويات إلى تعيين ارتفاعاتهم مع div المحتوية مع مراعاة ارتفاع رأس الحوار Div. يجب أن يعتني وضعه بالسيارات.