本文实例讲述了jquery实现dialog设置focus焦点的方法。分享给大家供大家参考。具体分析如下：
当弹出对话框，默认我们应该将焦点定位到输入的文本框，但是在dialog.show()之前写上$(#txtgroupname).focus();无法生效。
查看jquery的官方文档后，发现dialog提供了一个focus的参数，ok，试试先~~
//显示新建项目群组对话框 function showcreateprojectgroupdialog(i) { $(#layout-createprojectgroup-pane).show().dialog({ modal: true , title: lmslang.listprojectgroup_create , width: 450 , overlay: { opacity: 0.5 } , focus: function(ev, data) { $(#txtgroupname).focus(); } , buttons: { 保存: function() { var name = el(txtgroupname).value; var description = el(txtdescription).value; var b = $(#fgroup).valid(); if (b) { creategroupjson(); closecreategroupdialog(); } else { showerror(lmslang.formvalidate_error); } } , 取消: function() { closecreategroupdialog(); } } }); } //隐藏新建项目群组对话框 function closecreategroupdialog(){ $(#layout-createprojectgroup-pane).dialog(close); }
搞定！o(∩_∩)o..
希望本文所述对大家的jquery程序设计有所帮助。