jquery - 如何将回调附加到对话框显示的 jquery 效果？

Question

我的问题是我不知道如何将回调附加到 jquery ui 对话框显示。

这个节目实际上是一个选项:

$( ".selector" ).dialog({ show: 'slide' });

我想在幻灯片动画完成后进行回调。我从效果本身来看，它们有一个回调:

effect( effect, [options], [speed], [callback] )

但在对话框中，效果的设置非常不同。我也尝试放置:

$( ".selector" ).dialog({ show: 'slide', callback: function() {} });

但是没有成功。

建议？

Answer 1

更新 2015-07-27 对于使用 jQuery v1.10.0 或更高版本的任何人，请参阅 this other answer因为我的解决方案不适用于较新版本的 jQuery。

<小时/>

原始答案

已经回答了，但既然我已经有了答案，我还是要发布它......

$('#dialog').dialog({
    show: {
        effect: 'slide',
        complete: function() {
            console.log('animation complete');
        }
    },
    open: function(event, ui) {
        console.log('open');
    }
});

在控制台中显示打开，然后显示动画完成