Jquery ui对话框输入文本作为标题不起作用答案

【问题标题】：Jquery ui dialog input text as title not workingJquery ui对话框输入文本作为标题不起作用
【发布时间】：2012-04-11 12:20:43
【问题描述】：

我正在使用 Jquery Ui 使用以下选项创建对话框：

$("#locations-dialog").dialog({
    autoOpen: false,
    title: '<input type="text" id="location-name" value="New Location">',
    draggable: false,
    modal: false,
    closeOnEscape: true,
    width: 660,
    height: 515,
});

可见，我使用输入字段作为标题。

我遇到的问题是，当我点击它时没有任何反应，这意味着我无法编辑文本。

不知道我是否做错了什么......但在 jquery ui 中说：

任何有效的 HTML 都可以设置为标题

【问题讨论】：

可能重复：stackoverflow.com/questions/7577012/…

标签： jquery-ui input dialog

【解决方案1】：

正如其他人所说，这是因为对话框小部件禁用对其标题栏中所有元素的选择，即使 draggable 选项设置为 false。

您可以在创建对话框小部件后将文本框添加到标题栏，如重复问题的答案所示，或者您可以调用enableSelection() 重新启用标题栏元素的选择：

$("#locations-dialog").dialog("widget")
                      .find(".ui-dialog-titlebar")
                      .find("*").andSelf()
                      .enableSelection();

【讨论】：

【解决方案2】：

对话框的绑定是导致问题的原因。有关完整说明和变通示例，请参阅此 URL。

jQuery UI Dialog - Input textbox in the titlebar is disabled?

【讨论】：