jQuery UI的對話框中輸入文本使用下列選項標題不工作

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

正如其他人說，那是因爲對話框控件禁用選擇在其標題欄中的所有元素，即使draggable選項設置爲false。

您可以將文本框添加到標題欄中創建對話框控件後，作爲回答重複的問題，建議，或者您也可以撥打enableSelection()標題欄元素重新啓用的選擇：

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

Answer 2

的結合對話框是什麼導致問題。請參閱此URL以獲取完整說明和解決方案。

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