JQuery对话框显示隐藏效果

Question

我正在尝试这样做：

$('#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中的一个小故障吗？或者这是设计出来的？当点击对话框(‘打开’)时，我如何使效果工作？

Answer 1

我认为你可以做一些像$('#mypopup').show();或$('#mypopup').dialog().show();这样的事情