Jquery ui jquery模式对话框关闭后,关注文本框
我对jquery模态对话框有问题。我将重点放在textbox(clasic javascript)上,当页面重新加载时,它工作正常。但我想知道在模态对话框关闭后如何设置焦点。有人能给我一个答案吗 htmlJquery ui jquery模式对话框关闭后,关注文本框,jquery-ui,focus,modal-dialog,Jquery Ui,Focus,Modal Dialog,我对jquery模态对话框有问题。我将重点放在textbox(clasic javascript)上,当页面重新加载时,它工作正常。但我想知道在模态对话框关闭后如何设置焦点。有人能给我一个答案吗 html 尝试为对话框的关闭事件添加一个函数,即: $('#dialog-graph2').dialog({ autoOpen: true, width: 1000, modal:false, position:['middle',50], resizable:
尝试为对话框的关闭事件添加一个函数,即:
$('#dialog-graph2').dialog({
autoOpen: true,
width: 1000,
modal:false,
position:['middle',50],
resizable:false,
close: function(){
document.equipmentIDN_form.equipmentIDN_direct.focus();
}
});
这必须完成,但为了美观起见,我可能会使用JQuery风格的“纯”JavaScript集成,如下所示:
但在前面,请将id属性(equipmentidn_direct)添加到输入文本框中
希望这能有所帮助。请注意,当您打开模式对话框时,最后一个焦点元素正在保存,当对话框关闭时保存并返回(JQ UI 1.11)参见示例:
http://jsfiddle.net/przemcio/9sxrvm95/
我看到您有autoOpen:true
,然后在加载页面时将打开对话框,在这种特定情况下,Pispirulito的主张是有效的
$('#dialog-graph2').dialog({
autoOpen: true,
width: 1000,
modal:false,
position:['middle',50],
resizable:false,
});
$('#dialog_graph2').click(function(){
$('#dialog-graph2').dialog('close');
return false;
})
$('#dialog-graph2').dialog({
autoOpen: true,
width: 1000,
modal:false,
position:['middle',50],
resizable:false,
close: function(){
document.equipmentIDN_form.equipmentIDN_direct.focus();
}
});
$('#equipementIDN_direct').focus();