هل تريد تغيير حجم مربع حوار jquery UI باستخدام JS؟

Question

سيكون من الأفضل لو autoResize في أحدث فرع ستعمل على النحو المنشود، ولكن حتى ذلك الحين السؤال بسيط: كيفية تغيير حجم مربع الحوار بمجرد إنشائه؟

Answer 1

الجواب من سوفيوت هو الصحيح ل v1.5. 1.6 يضيف option طريقة لكل ملحق:

$(document).ready(function(){
    var d = $("#example").dialog();
    d.dialog("option", "width", 700);
});

Answer 2

$('#dialog').dialog().animate({width: "700px"}, 400);

لقد استخدمت هذا لتغيير حجم مربعات الحوار ديناميكيًا.

Answer 3

يمكن تحديث خصائص جميع المكونات الإضافية لـ JQuery UI باستخدام ‎.data():

$(document).ready(function(){
    var d = $("#example").dialog();
    d.data("width.dialog", 700);
});

Answer 4

لكن محتويات مربع الحوار (.ui-dialog-content) لا تحذو حذوها.

Answer 5

أحب أن يكون حجم مربع الحوار مناسبًا للمحتويات عند إنشائه لذلك أستخدم هذا:

var dlg = $("#dialog");
dlg.dialog( {
    width: 600,
    height: dlg.height() + 100
    });