jQuery:淡化模态对话框

时间:2010-08-08 11:01:03

标签: jquery dialog modal-dialog fade

是否可以平滑地淡化jquery模式对话框? (在文档中找不到任何内容)。 我试过fadeTo但没有帮助。

2 个答案:

答案 0 :(得分:21)

你可以使用show option(诚然没有很好的名字,太笼统),如下所示:

$("#dialog").dialog({ show: 'fade' });

关闭动画是匹配的hide option,例如:

$("#dialog").dialog({ show: 'fade', hide: 'drop' });

You can give it a try here

答案 1 :(得分:2)

您可以将showhide定义为可让您访问更多选项的对象:

$("#element").dialog({
    show: {
        effect: 'fade',
        duration: 200 //at your convenience
    },
    hide: {
        effect: 'fade',
        duration: 200 //at your convenience
    }
});