Maison >interface Web >js tutoriel >jQuery implémente la méthode de définition du focus dans dialog_jquery
L'exemple de cet article décrit comment jQuery implémente le focus des paramètres de dialogue. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :
Lorsqu'une boîte de dialogue apparaît, par défaut, nous devons nous concentrer sur la zone de texte de saisie, mais écrire $("#txtGroupName").focus(); avant dialog.show() ne prendra pas effet.
Après avoir vérifié la documentation officielle de jQuery, j'ai trouvé que la boîte de dialogue fournit un paramètre de focus, ok, essayez-le d'abord~~
//显示新建项目群组对话框 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"); }
C'est fait ! O(∩_∩)O..
J'espère que cet article sera utile à la programmation jQuery de chacun.