jQuery实现dialog设置focus焦点的方法

2019-11-20 12:18:32

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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程序设计有所帮助。

上一篇：jquery序列化方法实例分析

下一篇：jQuery替换textarea中换行的方法