這篇文章主要介紹了jQuery實(shí)現(xiàn)dialog設(shè)置focus焦點(diǎn)的方法,涉及jQuery針對(duì)dialog的操作技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery實(shí)現(xiàn)dialog設(shè)置focus焦點(diǎn)的方法。分享給大家供大家參考。具體分析如下：

當(dāng)彈出對(duì)話框，默認(rèn)我們應(yīng)該將焦點(diǎn)定位到輸入的文本框，但是在dialog.show()之前寫上$("#txtGroupName").focus();無法生效。

查看jQuery的官方文檔后，發(fā)現(xiàn)dialog提供了一個(gè)focus的參數(shù)，ok，試試先~~

1. //顯示新建項(xiàng)目群組對(duì)話框  
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. //隱藏新建項(xiàng)目群組對(duì)話框  
32. function closeCreateGroupDialog(){  
33. $("#layout-createProjectGroup-pane").dialog("close");  
34. }  

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

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。