這篇文章主要介紹了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程序設計有所幫助。