本文實例講述了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程序設計有所幫助。