Cách thay đổi kích thước chiều rộng của hộp thoại Jquery sau khi khởi tạo

Question

Tôi đang cố gắng thay đổi chiều rộng của hộp thoại JQuery sau khi nó đã được khởi tạo. Đây là khởi tạo của tôi:

$(function() { 
$("#dialogContainer").dialog({ 
title: 'Some title', 
resizable: false, 
bgiframe: true, 
overlay: { opacity: 0.3, background: "white" }, 
position: [200, 200], 
autoOpen: false, 
height: 150, 
width: 'auto' 
modal: true, 
buttons: { 
    'ok': function() { 
    $(this).dialog('close'); 
    } 
} 

});

});

Và đây là những gì tôi đang làm thay đổi độ rộng của nó trong một số chức năng khác:

$("#dialogBox").dialog('option','width',700); 

Nhưng điều này không làm việc. Chiều rộng của hộp thoại là chiều rộng của đoạn văn được hiển thị đầu tiên trong đó. Tôi có giả sử làm bất cứ điều gì khác không?

Đây là html cho hộp thoại:

<div id = 'dialogContainer'> 
    <p id = 'message'></p> 
</div> 

Answer 1

Hãy chắc chắn rằng bạn đang sử dụng ui.resizable.js và ui.resizable.css

Answer 2

Hãy thử điều này:

$("#dialogID").data("width.dialog", 160); 

Answer 3

$("#dialogID").css("width", 160); 

Answer 4

$("#dialogweb").dialog({width:'90%'}); 

Answer 5

ĐÂY LÀ GIẢI PHÁP NGẮN, Nhưng nhớ lại er nó chỉ dành cho hộp thoại được xác định trước.

$("#dialog").dialog({minHeight: 300,minWidth:500}); 

Answer 6

Khởi tạo hộp thoại với các tùy chọn chiều rộng quy định: Chiều rộng của hộp thoại là tính theo pixel.

$("#dialogBox").dialog({ width: 500 }); 

Get hoặc thiết lập các tùy chọn chiều rộng, sau khi khởi tạo:

// getter 
var width = $("#dialogBox").dialog("option", "width"); 

// setter 
$("#dialogBox").dialog("option", "width", 500); 

Nguồn: http://api.jqueryui.com/dialog/

Answer 7

này làm việc cho tôi. Vấn đề là thay đổi kích thước sau mở nó:

$('#dialogContainer'). 
    dialog('open'). 
    dialog('option', 'width', 'auto'). 
    dialog('option', 'height', 'auto'); 

jQuery phiên bản trong trường hợp của tôi là 1,11:

> Query.fn.jquery 
> "1.11.1"