jQuery UI对话框 – 标题栏中的输入文本框是否已禁用？

我在jQuery UI对话框的标题栏中放置了一个文本框。

不幸的是，它在标题栏中被禁用（或以其他方式不可点击）。

如何更改此设置以启用我的文本框？

var $dialog = $('#dlgsearch') .dialog({ autoOpen: false, modal: true, resizable: false, draggable: false, maxWidth:600, maxHeight: 500, width: 600, height: 500, title: 'Text Search:' }); }); 

Answer 1

看起来标题栏的可拖动属性（即使设置为false）导致无法关注文本框的问题。 解决这个问题的一种方法是在对话框打开后立即在标题栏区域后面添加文本框，然后使用绝对坐标将其放回到顶部，如下所示：

 title: 'Text Search: ', open: function(event, ui) { $('.ui-dialog-titlebar').after(''); }, 

我在这里建立了一个例子： http ： //jsfiddle.net/nemVr/2/