Bir jQueryUI menü öğesi

Question

tıklatıldığında jQuery UI iletişim kutusundaki bir form alanına odağı ayarlanamıyor, tek alan formu içeren bir jQuery UI iletişim kutusu var ve autoOpen özelliği başlangıçta false değerine ayarlı. Sayfada başka bir jQuery UI menüsü var ve diyaloğun açık işlevi menü öğelerinin tıklama etkinliğine bağlanıyor. Diyalog açık bir şekilde menü öğelerinin tıklanmasıyla açıldığında diyalogun tek form alanına odaklanmaya çalışıyorum. Nedeni saptamak için başka bir test butonu ekledim ve bu tuşa tıklayarak odağı form alanına ayarlayabilirim. Bu yüzden alanın odağını önleyen jQuery UI menüsü olduğundan eminim. Bu kısıtlamayı aşabileceğim herhangi bir yol var mı diye merak ediyorum. Herhangi bir fikir takdir edilir. Teşekkürler!

html:

<ul id="menu"> 
    <li><a href="#">Item 1</a></li> 
    <li><a href="#">Item 2</a></li> 
</ul> 
</br> 
<button id="btn">Open the dialog</button> 

<div id="dialog" title="Basic dialog"> 
    <form> 
     <input type="text" id="fld" /> 
    </form> 
</div> 

javascript:

İşte

$("#dialog").dialog({ 
    autoOpen: false, 
    open: function(event, ui){ 
     $('#fld').focus(); 
    } 
}); 

$('#btn').click(function(e){ 
    $("#dialog").dialog('open'); 
}); 

$('#menu li a').click(function(){ 
    $("#dialog").dialog('open'); 
}) 

$("#menu").menu({ 
    select: function(event, ui) { 
     $("#dialog").dialog('open'); 
    } 
}); 

İlginç js fiddle

Answer 1

olduğunu. JQuery menüsü bir şekilde odağı etkilemektedir. Kemanına bakıyordum ve 1 milisaniye çalışmayı geciktirmen bile fark ettim.

Buna bir bakın. Diyalog Sayfa

$(window).load(function() { 
    //Use Focus as $("#stsr").focus(); 
} 

Answer 2

kullanın Bu seferki beni delirtti. İşte benim için ne düzeltildi (@ Trevor'un cevabının daha genel versiyonu).

$('#element').dialog({ 
    open: function() {       
    //focus fix 
    $('textarea, input', $(this)).click(function() { 
     var $inp = $(this); 
     setTimeout(function() { 
      $inp.focus(); 
     }, 1); 
    });       
    } 
}); 

Answer 3

üzerinde

$("#dialog").dialog({ 
    autoOpen: false, 
    open: function(event, ui){ 
     setTimeout(function(){$('#fld').focus();},1); 
    } 
}); 

$('#btn').click(function(e){ 
    $("#dialog").dialog('open'); 
}); 

$('#menu li a').click(function(){ 
    $("#dialog").dialog('open'); 
}) 

$("#menu").menu(); 

http://jsfiddle.net/XMEWu/1/