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

我正在jQueryUI对话框的标题栏中放置一个文本框

不幸的是，它在标题栏中时被禁用（或不可拾取）

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

var $dialog = $('#dlgsearch')
    .dialog({
        autoOpen: false,
        modal: true,
        resizable: false,
        draggable: false,
        maxWidth:600,
        maxHeight: 500,
        width: 600,
        height: 500,
        title: 'Text Search:<input type="text" id="input_search" maxlength="255">'
    });
});

var$dialog=$（“#dlgsearch”）
.对话({
自动打开：错误，
莫代尔：是的，
可调整大小：false，
可拖动：错误，
最大宽度：600，
最大高度：500，
宽度：600，
身高：500，
标题：“文本搜索：”
});
});

标题栏的可拖动属性（即使设置为false）似乎导致无法聚焦文本框的问题。解决此问题的一种方法是，只要在对话框打开后在标题栏区域后添加文本框，然后使用绝对坐标将其放回顶部，如下所示：

title: 'Text Search: ',
    open: function(event, ui) {
        $('.ui-dialog-titlebar').after('<input type="text" id="input_search" 
            maxlength="255" style="position:absolute;top:13px;left:135px;">');
     },

title:“文本搜索：”，
打开：功能（事件、用户界面）{
$（'.ui对话框标题栏'）。在（''）之后；
},

---

我在这里设置了一个示例：

看起来标题栏的draggable属性（即使设置为false）导致无法聚焦文本框的问题。解决此问题的一种方法是，只要在对话框打开后在标题栏区域后添加文本框，然后使用绝对坐标将其放回顶部，如下所示：

title: 'Text Search: ',
    open: function(event, ui) {
        $('.ui-dialog-titlebar').after('<input type="text" id="input_search" 
            maxlength="255" style="position:absolute;top:13px;left:135px;">');
     },

title:“文本搜索：”，
打开：功能（事件、用户界面）{
$（'.ui对话框标题栏'）。在（''）之后；
},

---

我在这里举了一个例子：

您在使用特定浏览器时是否遇到问题？我试过了，效果很好：你在使用特定浏览器时有问题吗？我试过了，它对我有效：无论出于什么原因，这是在标题栏下为我添加的。无论出于什么原因，这是在标题栏下为我添加的。