我正在尝试编写一个快速插件,它将把一些AJAX内容加载到jQuery UI对话框中,并相应地调整对话框的大小和居中位置。以下是它的主要功能:
$(mySelector).html('Loading...').load(options.url, function() {
element = $(mySelector);
element.dialog('option', 'height', element.height() + 50);
element.dialog('option', 'width', element.width());
element.dialog('option', 'position', 'center');
});
高度看起来还不错(加上一些填充对话框),但是无论如何宽度始终为274。我认为对话框本身设置了其大小限制。如何将其设置为加载内容的自然宽度?
编辑/添加:它返回模态框的默认大小。因为即使它包含更宽的内容(比如500像素的图像),父容器(mySelector)可能没有那么宽(至少在FF中),所以它始终是默认值(300-填充=274)。有没有办法自动检测返回内容的最小宽度,而不需要滚动?