2012-10-24 142 views
2

我有一個jQuery模態對話框的問題。我將焦點集中在文本框(clasic javascript)上,當頁面重新加載時它工作正常。但我試圖找出如何在模態對話框關閉後設置焦點。有沒有人能夠給我答案?關注jquery模態對話框後的文本框關閉

HTML

<div> 
<form action='core/php/_scr_commission_equipment_direct_add.php?token=$token' method='post' name='equipmentIDN_form'> 
IDN <input type='text' class='idn_reader_text_color' name='equipmentIDN_direct' autocomplete='off' /> 
</form> 
</div> 
<script type='text/javascript'> 
document.equipmentIDN_form.equipmentIDN_direct.focus() 
</script> 

jQuery的

$('#dialog-graph2').dialog({ 
autoOpen: true, 
width: 1000, 
modal:false, 
position:['middle',50], 
resizable:false, 
}); 

$('#dialog_graph2').click(function(){ 
$('#dialog-graph2').dialog('close'); 
return false; 
}) 

回答

2

嘗試添加功能,爲您的對話框的關閉事件,即:

$('#dialog-graph2').dialog({ 
    autoOpen: true, 
    width: 1000, 
    modal:false, 
    position:['middle',50], 
    resizable:false, 
    close: function(){ 
     document.equipmentIDN_form.equipmentIDN_direct.focus(); 
    } 
}); 

這必須做的工作,但爲了優雅,我可能會使用JQuery風格的「純粹」JavaScript腳本e此:

$('#equipementIDN_direct').focus(); 

但是,以前,將id屬性(equipementIDN_direct)添加到您的輸入文本框中。

希望這可以幫助。

0

請注意,當您打開模式對話框最後的焦點元素被保存保存並返回時關閉對話框(JQ UI 1.11)見例如:http://jsfiddle.net/przemcio/9sxrvm95/我看到你有autoOpen: true那麼對話框將被打開,當一個頁面將被加載並且在這種特定情況下Pispirulito的命題是有效的。