2012-10-24 27 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的命题是有效的。