初始化后如何调整Jquery对话框的宽度

我试图在初始化之后更改JQuery对话框的宽度。这是我的初始化：

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

});

});

这是我正在做的，以改变它的一些其他功能的宽度：

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

但这不行。对话框的宽度是首先显示在其中的段落的宽度。我想做别的事吗？

这是对话框的html：

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

解决方法

确保你使用ui.resizable.js和ui.resizable.css