首頁 >web前端 >js教程 >jQuery實作dialog設定focus焦點的方法_jquery

jQuery實作dialog設定focus焦點的方法_jquery

WBOY
WBOY原創
2016-05-16 15:55:541125瀏覽

本文實例講述了jQuery實作dialog設定focus焦點的方法。分享給大家供大家參考。具體分析如下:

當彈出對話框,預設我們應該將焦點定位到輸入的文字框,但是在dialog.show()之前寫上$("#txtGroupName").focus();無法生效。

查看jQuery的官方文件後,發現dialog提供了一個focus的參數,ok,試試先~~

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

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

希望本文所述對大家的jQuery程式設計有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn