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

Question

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

检查一下。正如我单击添加新闻按钮一样，对话框开始打开并显示其效果。请注意黄色边框的 textarea 意味着它在显示时处于焦点状态(使用 Chrome)。 Click to zoom

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

Click to zoom

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

Answer 1

这不是一个有据可查的(非常轻描淡写)功能，您可以像传递对象一样传递给.show() UI method在您的选项中像这样:

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

这将运行.focus()当动画完成时，you can give it a try here 。如果您好奇为什么会这样，you can take a look here .

注意:这个答案适用于jQuery UI 1.8.4+(因为您使用的是.button())，它赢了不适用于 1.7.x 用户。