JQuery对话框显示隐藏效果

时间:2012-06-27 12:25:13

标签: jquery jquery-ui

我正在尝试这样做:

$('#mypopup').dialog({
    modal: true,
    autoOpen: true,
    resizable: false,
    show: {effect:'slide',duration:250},
    hide: {effect:'slide',duration:250}
});
然后打开它......

function showPopup() {
        if ($('#mypopup').length == 0) {
            $('#mypopup-div').load('mypopupurl/show.php'); 
        } else {
            //reopen the login dialog previously rendered, don't load again
            $('#mypopup').dialog('open'); 
        }
    }

然后关闭它......

$('#mypopup').dialog('close');

我的问题是,上面代码中的节目幻灯片效果仅在第一次实现,当它实际从.load('mypopupurl / show.php')加载时;当我关闭它并重新打开弹出对话框时,它会使用.dialog('open')命中else语句;代码,这次滑动效果不会发生。 (不是错误,只是弹出正常,但没有效果)

这是JQuery中的一个小故障吗?还是设计?当它点击对话框('打开')时如何使效果有效?

1 个答案:

答案 0 :(得分:1)

我认为你可以做点什么 $('#mypopup').show();$('#mypopup').dialog().show();