Maison > interface Web > js tutoriel > jQuery implémente la méthode de définition du focus dans dialog_jquery

jQuery implémente la méthode de définition du focus dans dialog_jquery

WBOY
Libérer: 2016-05-16 15:55:54
original
1147 Les gens l'ont consulté

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"); 
} 

Copier après la connexion

C'est fait ! O(∩_∩)O..

J'espère que cet article sera utile à la programmation jQuery de chacun.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal