jquery - 动画完成对话框

Question

我遇到了 UI 对话框的问题。我加入了完整的事件来创建一个 TinyMCE，因为它与动画配合得不好。但它似乎不适用于最新版本的 JQuery UI。

我搜索了发行说明，看看是否已更改或有其他内容，但我没有看到它在任何地方列出。

这是删除/移动的功能还是 v1.10.0 中的问题？

这是示例代码，在下面的 jsfiddle 中使用:

$("div").dialog({
    show:{
        effect:"puff",
        duration:400,
        complete:function()
        {
            $(".complete").html("Animation Complete.");
        }
    }
});

先前版本功能(1.9.2):

http://jsfiddle.net/N4APL/1/

最新版本功能(1.10.0):

http://jsfiddle.net/jXDYz/1/

注意:我使用 MS CDN 作为 UI javascript，因为 jsfiddle 还没有它。

Answer 1

这是一段相当漫长的旅程，但我终于找到了你的问题和解决方案。

事实上，这个完整功能已从 jQuery UI 对话框 1.10.0 中删除。 It's not in the API 。我不确定为什么它被删除，而且他们肯定没有在升级指南中记录它。

深入研究 1.10.0 代码后，我发现了这一点:

this._show( this.uiDialog, this.options.show );

如您所见，没有对 ._show 的回调(这只是 jQuery 的 .show)，也无法设置回调。确认!你被困住了。

...或者如果 jQuery 1.10.1 尚未发布，您可能会这样:

this._show( this.uiDialog, this.options.show, function() {
    that._focusTabbable();
    that._trigger("focus");
});

您仍然无法直接设置回调，但可以通过 1.10.1 中的 focus 选项进行设置。 I have confirmed that this works .

我仍然认为这对其他人来说有点不稳定，但至少对你来说不是。您可以选择立即升级到 jQuery 1.10.1，也可以等待 1.9 版本发布。