jQuery UI對話框 - 標題欄中的輸入文本框被禁用？

我在我的jQuery UI對話框的標題欄中放置了一個文本框。jQuery UI對話框 - 標題欄中的輸入文本框被禁用？

不幸的是，它在標題欄中被禁用（或以其他方式無法點擊）。

如何更改此選項以便啓用我的文本框？

var $dialog = $('#dlgsearch') 
    .dialog({ 
     autoOpen: false, 
     modal: true, 
     resizable: false, 
     draggable: false, 
     maxWidth:600, 
     maxHeight: 500, 
     width: 600, 
     height: 500, 
     title: 'Text Search:<input type="text" id="input_search" maxlength="255">' 
    }); 
});

來源

2011-09-28 Chris M. Wilson

您是否遇到了特定瀏覽器的麻煩？我試過了，它適用於我：http://jsfiddle.net/9bCNH/ – Dave

它看起來像標題欄的可拖動屬性（即使設置爲false）導致無法集中在文本框的問題。解決此問題的辦法是儘快標題欄區域後，只需添加文本框作爲對話框打開，然後將其放置回用絕對座標，像這樣的頂級：

title: 'Text Search: ', 
    open: function(event, ui) { 
     $('.ui-dialog-titlebar').after('<input type="text" id="input_search" 
      maxlength="255" style="position:absolute;top:13px;left:135px;">'); 
    },

我在這裏設置了一個例子：http://jsfiddle.net/nemVr/2/

來源

2011-09-28 04:27:12

這工作得很好。謝謝。 –

無論出於何種原因，這都會附加在標題欄下方。 – Joseph

jQuery UI對話框 - 標題欄中的輸入文本框被禁用？

回答

相關問題