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

这篇文章主要介绍了jQuery实现dialog设置focus焦点的方法,涉及jQuery针对dialog的操作技巧,需要的朋友可以参考下

本文实例讲述了jQuery实现dialog设置focus焦点的方法。分享给大家供大家参考。具体分析如下：

当弹出对话框，默认我们应该将焦点定位到输入的文本框，但是在dialog.show()之前写上$("#txtGroupName").focus();无法生效。

查看jQuery的官方文档后，发现dialog提供了一个focus的参数，ok，试试先~~

1. //显示新建项目群组对话框  
2. function showCreateProjectGroupDialog(i) {  
3. $("#layout-createProjectGroup-pane").show().dialog({  
4. modal: true 
5. , title: lmslang.listProjectGroup_Create  
6. , width: 450  
7. , overlay: {  
8. opacity: 0.5  
9. }  
10. , focus: function(ev, data) {  
11. $("#txtGroupName").focus();  
12. }  
13. , buttons: {  
14. "保存": function() {  
15. var name = el("txtGroupName").value;  
16. var description = el("txtDescription").value;  
17. var b = $("#fgroup").valid();  
18. if (b) {  
19. createGroupJson();  
20. closeCreateGroupDialog();  
21. } else {  
22. showError(lmslang.formValidate_Error);  
23. }  
24. }  
25. , "取消": function() {  
26. closeCreateGroupDialog();  
27. }  
28. }  
29. });  
30. }  
31. //隐藏新建项目群组对话框  
32. function closeCreateGroupDialog(){  
33. $("#layout-createProjectGroup-pane").dialog("close");  
34. }  

搞定!O(∩_∩)O..

希望本文所述对大家的jQuery程序设计有所帮助。