jQuery Dialog 打開時(shí)自動聚焦的解決方法(兩種方法)
下面給大家介紹兩種方法解決jQuery Dialog 打開時(shí)自動聚焦問題。具體實(shí)現(xiàn)方法大家可以參考下本文。
方法一：
p1_dialog_seniorSearch.dialog({
title:"高級查詢",
autoOpen:false,//默認(rèn)關(guān)閉
modal: true,//開啟遮罩層
width:570,
height:330,
buttons: {
"查詢":function(){
seniorSearch(1,20)
} ,
"關(guān)閉": function() {
p1_dialog_seniorSearch.dialog( "close" );
}
},
open:function(event, ui){
$(this).parent().focus();
}//取消獲取焦點(diǎn)
});
方法二：
在要焦點(diǎn)的的控件加上 autofocus
如：第一個控件為 datepicker，默認(rèn)dialog打開會自動彈出日歷
解決：在該dialog加個隱藏input,
<input type="hidden" autofocus/>
未加 autofocus，dialog不會聚焦影藏的input的。
PS： jquery dialog打開的時(shí)候,自動聚焦在第一個控件上
在做項(xiàng)目的時(shí)候，用到j(luò)Query dialog,在dialog(“open”)一個頁面的時(shí)候，焦點(diǎn)會自動聚焦到第一個控件上，剛好這個控件綁定了datepicker，就把日歷自動彈出來了，糾結(jié)半天無果，google了一下，有人也遇到同樣的問題。先給出解決方案
<input autofocus> 在標(biāo)簽上加一個autofocus屬性就能給指定的控件獲取焦點(diǎn)。比如第一個是日期控件，那么把這個屬性加到其他標(biāo)簽上去，第一個日歷控件就不會聚焦，也就不會彈出來了。話說回來，這個方法有點(diǎn)類似于障眼法。
附上解決問題的網(wǎng)址：
http://jqueryui.com/upgrade-guide/1.10/#added-ability-to-specify-which-element-to-focus-on-open
以上所述是小編給大家介紹的jQuery Dialog 打開時(shí)自動聚焦的解決方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
jQuery插件實(shí)現(xiàn)靜態(tài)HTML驗(yàn)證碼校驗(yàn)
這篇文章主要介紹了jQuery插件實(shí)現(xiàn)靜態(tài)HTML驗(yàn)證碼校驗(yàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了jquery操作checkbox,需要的朋友可以參考下2014-07-07
ThinkPHP+jquery實(shí)現(xiàn)“加載更多”功能代碼
本篇文章主要介紹了ThinkPHP+jquery實(shí)現(xiàn)“加載更多”功能代碼，以實(shí)例代碼講訴了加載更多的代碼實(shí)現(xiàn),非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-03-03
NiftyCube——輕松實(shí)現(xiàn)圓角邊框
這篇文章主要介紹了NiftyCube——輕松實(shí)現(xiàn)圓角邊框2007-02-02
jquery插件canvaspercent.js實(shí)現(xiàn)百分比圓餅效果
這篇文章主要為大家詳細(xì)介紹了jquery插件canvaspercent.js實(shí)現(xiàn)百分比圓餅效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
jquery+json實(shí)現(xiàn)數(shù)據(jù)二級聯(lián)動的方法
這篇文章主要介紹了jquery+json實(shí)現(xiàn)數(shù)據(jù)二級聯(lián)動的方法,涉及jQuery基于get方法與后臺.net程序傳輸json交互實(shí)現(xiàn)二級聯(lián)動菜單,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
本節(jié)主要介紹了jquery判斷瀏覽器后退時(shí)候彈出消息 ,需要的朋友可以參考下2014-08-08
BootStrap table表格插件自適應(yīng)固定表頭(超好用)
這篇文章主要介紹了BootStrap table表格插件自適應(yīng)固定表頭(超好用)的相關(guān)資料,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
jQuery+JSON實(shí)現(xiàn)AJAX二級聯(lián)動實(shí)例分析
這篇文章主要介紹了jQuery+JSON實(shí)現(xiàn)AJAX二級聯(lián)動的方法,以實(shí)例形式分析了前臺jQuery結(jié)合ajax傳遞json格式數(shù)據(jù)及后臺數(shù)據(jù)處理技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
jquery 圓角遮罩圖片實(shí)現(xiàn)圖片圓角
用jquery實(shí)現(xiàn)的圖片圓角效果代碼。2009-05-05