jQuery implementiert die Methode zum Festlegen des Fokus in dialog_jquery

Das Beispiel in diesem Artikel beschreibt, wie jQuery den Dialogeinstellungsfokus implementiert. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Wenn ein Dialogfeld angezeigt wird, sollten wir uns standardmäßig auf das Eingabetextfeld konzentrieren, aber das Schreiben von $("#txtGroupName").focus(); vor dialog.show() wird nicht wirksam.

Nachdem ich die offizielle Dokumentation von jQuery überprüft hatte, stellte ich fest, dass der Dialog einen Fokusparameter bereitstellt. Ok, probieren Sie es zuerst aus~~

//显示新建项目群组对话框 
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"); 
} 

Fertig! O(∩_∩)O..

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.