为什么我的 jQuery UI 对话框完成打开效果后会失去焦点？

Question

我正在使用 jQuery UI 对话框向我的网站添加一些新闻。每次我单击添加新闻按钮时，都会打开带有文本区域的对话框。实际上，我正在使用 ckeditor 替换 textarea ，但碰巧我不能由于 focus 问题，在文本编辑器中键入（至少我认为这是问题所在）。

一探究竟。正如我单击添加新闻按钮一样，对话框开始打开并显示其效果。请注意黄色边框的 textarea 意味着它在显示时处于焦点状态（使用 Chrome）。 单击缩放

请注意，当对话框完成显示时，它不再聚焦，我 遇到了麻烦

因为这个 点击缩放

另外，检查我的代码http://jsfiddle.net/pzHr2/

Answer 1

这不是一个有据可查的（非常轻描淡写）功能，您可以像传递对象一样传递对象 .show() UI 方法 在您的选项中如下所示：

show:{ effect: 'slide', complete: function() { $("textarea").first().focus(); }},

这将运行 .focus() 当动画完成时，您可以在这里尝试一下。如果您好奇为什么会这样，你可以在这里看看。

注意：这个答案适用于jQuery UI 1.8.4+（因为您使用的是.button()），它不会工作对于 1.7.x 用户。