jquery UIを表示しているダイアログでフォーカスが移動しません

Question

ユーザーが特定の入力ボックスに焦点を合わせたときにjquery UIダイアログを表示したいとします。それは、問題は、入力ボックスは、ダイアログボックスを閉じた後、入力ボックスにフォーカスを取得しない、つまり、ユーザーが入力ボックスにクリックしてダイアログボックスが開くことです。ユーザーがダイアログを閉じる - >入力ボックスにフォーカスがありません。

実際に入力ボックスをフォーカスする唯一の方法は、ダイアログがすでに表示されている間にもう一度クリックすることです。これはかなり迷惑です。ダイアログボックスを閉じた後、inputboxにフォーカスが欲しいです。

$(function() { 
    $("#identifiersDialog").dialog({autoOpen: false}); 
});   
$('#identifiers').focus(function(event) { 
    $("#identifiersDialog").dialog('open');   
}); 

Answer 1

あなたは、ここにhttp://jsfiddle.net/RCBQs/1/

blur機能はその後、フォーカスが離れ入力から移動した後、ダイアログをリセット

$(function(){ 
    InitiliseInput();  
}); 
function InitiliseInput(){ 
    $('#identifiers').bind('focus', function() { 
     $('#identifiersDialog').dialog({ close: function() { 
      $('#identifiers').unbind('focus').focus().blur(function(){ InitiliseInput()});    
     }}); 
    }); 
} 

の作業例を使用することができます。

Answer 2

これが役立ちます。そのリフォーカスが再びダイアログが開きますので、

$(function() { 
    $("#identifiersDialog").dialog({autoOpen: false, close: function() { $('#identifiers').focus() }}); 
});   
$('#identifiers').focus(function(event) { 
    $("#identifiersDialog").dialog('open');   
});