jQuery實(shí)現(xiàn)dialog設(shè)置focus焦點(diǎn)的方法
更新時(shí)間：2015年06月10日 12:42:48 作者：spring21st
這篇文章主要介紹了jQuery實(shí)現(xiàn)dialog設(shè)置focus焦點(diǎn)的方法,涉及jQuery針對(duì)dialog的操作技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery實(shí)現(xiàn)dialog設(shè)置focus焦點(diǎn)的方法。分享給大家供大家參考。具體分析如下：
當(dāng)彈出對(duì)話框，默認(rèn)我們應(yīng)該將焦點(diǎn)定位到輸入的文本框，但是在dialog.show()之前寫(xiě)上$("#txtGroupName").focus();無(wú)法生效。
查看jQuery的官方文檔后，發(fā)現(xiàn)dialog提供了一個(gè)focus的參數(shù)，ok，試試先~~
//顯示新建項(xiàng)目群組對(duì)話框
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();
}
}
});
}
//隱藏新建項(xiàng)目群組對(duì)話框
function closeCreateGroupDialog(){
$("#layout-createProjectGroup-pane").dialog("close");
}
搞定！O(∩_∩)O..
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jackson解析json字符串,首字母大寫(xiě)會(huì)自動(dòng)轉(zhuǎn)為小寫(xiě)的方法
下面小編就為大家分享一篇jackson解析json字符串,首字母大寫(xiě)會(huì)自動(dòng)轉(zhuǎn)為小寫(xiě)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
jQuery 在現(xiàn)在的Web開(kāi)發(fā)項(xiàng)目中扮演著重要角色，jQuery 讓網(wǎng)站有更好的可用性和用戶體驗(yàn)，讓訪問(wèn)者對(duì)網(wǎng)站留下非常好的印象2012-03-03
jquery實(shí)現(xiàn)點(diǎn)擊彈出對(duì)話框
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)點(diǎn)擊彈出對(duì)話框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
jQuery綁定事件不執(zhí)行但alert后可以正常執(zhí)行
這篇文章主要為大家解決下為什么jQuery綁定事件不執(zhí)行而alert后可以正常執(zhí)行,需要的朋友可以參考下2014-06-06
使用jQuery調(diào)用XML實(shí)現(xiàn)無(wú)刷新即時(shí)聊天
這篇文章主要介紹了使用jQuery調(diào)用XML實(shí)現(xiàn)無(wú)刷新即時(shí)聊天的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
基于jquery實(shí)現(xiàn)的上傳圖片及圖片大小驗(yàn)證、圖片預(yù)覽效果代碼
基于jquery實(shí)現(xiàn)的上傳圖片及圖片大小驗(yàn)證、圖片預(yù)覽效果代碼，需要的朋友可以參考下。2011-04-04
jquery創(chuàng)建一個(gè)ajax關(guān)鍵詞數(shù)據(jù)搜索實(shí)現(xiàn)思路
我們經(jīng)常需要在前臺(tái)頁(yè)面輸入關(guān)鍵詞進(jìn)行數(shù)據(jù)的搜索這已經(jīng)成為了一種習(xí)慣今天給大家分享一下如何使用 jQuery，MySQL和Ajax創(chuàng)建簡(jiǎn)單和有吸引力的Ajax搜索,感興趣的你可不要錯(cuò)過(guò)了哈2013-02-02
JqueryMobile動(dòng)態(tài)生成listView并實(shí)現(xiàn)刷新的兩種方法
本篇文章主要是對(duì)JqueryMobile動(dòng)態(tài)生成listView并實(shí)現(xiàn)刷新的兩種方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-03-03
本文給大家整理了9款基于jQuery的圖片滑塊焦點(diǎn)圖插件，效果都非常炫酷，演示和下載地址都給大家整理好了，有需要的小伙伴直接拿走吧，不用跟我客氣^_^2014-12-12
本文用代碼的方式詳細(xì)講解了jQuery的DOM操作,具體操作方法請(qǐng)?jiān)敿?xì)參看代碼中的注釋部份2014-03-03