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

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