Question

我已阅读文档，但仍有点困惑。我有以下内容：

$(document).ready(function(){
    $('#trynow').click(function(){
    $('#hiddenContent').dialog({ height: 700, width: 600, modal: true });
    });                          
});

使用jquery UI库来显示带有表单的模式框。我希望背景和模态框都可以淡入或淡出，我知道有jquery和UI插件可以做的选择，但是如果我能弄明白什么包含在哪里以及在什么内容，我就会感到烦恼。 / p>

Answer 1

http://jqueryui.com/demos/dialog/（点击右侧的animated dialog）。

$('#trynow').click(function(){
    $('#hiddenContent').dialog({
        height: 700,
        width: 600,
        modal: true,
        show: 'fade',
        hide: 'fade'
    });
});

您还可以在show上使用与hide上不同的动画。尝试使用hide: 'explode'，这真的很酷。

Answer 2

http://jqueryui.com/demos/dialog/

尝试将show属性设置为'fade'，文档说至少支持'slide'。

$('#hiddenContent').dialog({ height: 700, width: 600, modal: true, show: 'fade' })

Answer 3

$(document).ready(function(){
    $('#trynow').click(function(){
        $('#hiddenContent').dialog({ height: 700, width: 600, modal: true, show: 'fade', hide:'fade' });
    });                          
});

jsFiddle Demo

simpleton javascript问题 - 如何淡化这个问题

3 个答案: