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

我正在使用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,
});

$（“#位置对话框”）。对话框({
自动打开：错误，
标题：“”，
可拖动：错误，
莫代尔：错，
closeOnEscape：没错，
宽度：660，
身高：515，
});

因为它是可见的，所以我使用输入字段作为标题

我遇到的问题是，当我点击它的顶部时，什么都没有发生，这意味着我无法编辑文本

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

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

---

对话框的绑定是导致问题的原因。请参阅此URL以获取完整解释和解决方案示例

---

对话框的绑定是导致问题的原因。请参阅此URL以获取完整解释和解决方案示例

---

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

draggable

选项设置为

false

如重复问题的答案所示，您可以在创建对话框小部件后将文本框添加到标题栏，也可以调用

enableSelection（）

重新启用标题栏元素上的选择：

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

---

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

draggable

选项设置为

false

如重复问题的答案所示，您可以在创建对话框小部件后将文本框添加到标题栏，也可以调用

enableSelection（）

重新启用标题栏元素上的选择：

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

可能重复：可能重复：