jQuery UIダイアログ - タイトルバーの入力テキストボックスが無効になっていますか？

Question

私の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">' 
    }); 
}); 

Answer 1

タイトルバーのドラッグ可能な属性が（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/