Question

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

Answer 1

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

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

Answer 2

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

您可以在创建对话框小部件后将文本框添加到标题栏，作为重复问题的答案建议，或者您可以调用enableSelection()重新启用标题栏元素上的选择：< / p>

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

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

2 个答案: