هل تريد تغيير حجم مربع حوار jquery UI باستخدام JS؟
-
03-07-2019 - |
سؤال
سيكون من الأفضل لو autoResize
في أحدث فرع ستعمل على النحو المنشود، ولكن حتى ذلك الحين السؤال بسيط: كيفية تغيير حجم مربع الحوار بمجرد إنشائه؟
المحلول
الجواب من سوفيوت هو الصحيح ل v1.5. 1.6
يضيف option
طريقة لكل ملحق:
$(document).ready(function(){
var d = $("#example").dialog();
d.dialog("option", "width", 700);
});
نصائح أخرى
$('#dialog').dialog().animate({width: "700px"}, 400);
لقد استخدمت هذا لتغيير حجم مربعات الحوار ديناميكيًا.
يمكن تحديث خصائص جميع المكونات الإضافية لـ JQuery UI باستخدام .data():
$(document).ready(function(){
var d = $("#example").dialog();
d.data("width.dialog", 700);
});
لكن محتويات مربع الحوار (.ui-dialog-content) لا تحذو حذوها.
أحب أن يكون حجم مربع الحوار مناسبًا للمحتويات عند إنشائه لذلك أستخدم هذا:
var dlg = $("#dialog");
dlg.dialog( {
width: 600,
height: dlg.height() + 100
});
لا تنتمي إلى StackOverflow