2

我对 jquery 模态对话框有疑问。我将重点放在文本框（经典 javascript）上，重新加载页面时它工作正常。但我试图找出模式对话框关闭后如何设置焦点。有人可以给我答案吗？

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;
})
4

2 回答 2

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，如下所示： 

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

但之前，将 id 属性 (equipementIDN_direct) 添加到您的输入文本框中。

希望这会有所帮助。

于 2012-11-28T19:17:28.053 回答
0

请注意，当您打开模式对话框时，最后一个焦点元素被保存保存并在对话框关闭时返回（JQ UI 1.11）参见示例： http://jsfiddle.net/przemcio/9sxrvm95/ 我看到您有autoOpen: true然后对话框将在页面加载时打开，并且在此Pispirulito的具体情况命题是有效的。

于 2015-10-06T11:29:18.957 回答