2

我正在使用 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 都可以设置为标题

4

2 回答 2

0

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

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

于 2012-04-11T12:37:03.373 回答
0

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

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

$("#locations-dialog").dialog("widget")
                      .find(".ui-dialog-titlebar")
                      .find("*").andSelf()
                      .enableSelection();
于 2012-04-11T12:40:14.753 回答