如何自定义jquery对话框外观

时间:2014-06-27 08:03:06

标签: jquery jquery-dialog

很多时候我使用下面的代码来显示jquery对话框,但我想自定义它。

jQuery('#dialog').load('path to my page').dialog('open'); 

假设当我点击该链接时,将以这种方式打开一个带有繁忙图像的小jquery对话框。这是截图。 enter image description here

所以最初的对话框会显示进度条,在从服务器端获取html数据后,我想增加高度&循环中的对话框宽度达到最适合对话框内html数据的级别。这里的位代码

$(".ui-dialog").animate({
left: (($(window).width() - 346) / 2) + 'px',
top: (($(window).height() - 305) / 2) + 'px',
height: '305px', width: '346px'
}, 200,
function () {
$("#dialog").removeClass("BusyStyles").find('#faxmain').fadeIn(2000);
$("#dialog").css({ height: '26px' });
});

所以请引导我使用示例代码如何自定义此行jQuery('#dialog').load('path to my page').dialog('open');以获得我想要的效果。

所以指导几步 1)如何在对话框的中心设置忙图像 2)如何使用load()回调通知我数据来自客户端 3)如何检测高度和高度html数据的宽度,包括应用于该html的css样式表

寻求指导。感谢

0 个答案:

没有答案