jQuery Dialog 打開時自動聚焦的解決方法(兩種方法)
下面給大家介紹兩種方法解決jQuery Dialog 打開時自動聚焦問題。具體實現(xiàn)方法大家可以參考下本文。
方法一:
p1_dialog_seniorSearch.dialog({ title:"高級查詢", autoOpen:false,//默認關(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(); }//取消獲取焦點 });
方法二:
在要焦點的的控件加上 autofocus
如:第一個控件為 datepicker,默認dialog打開會自動彈出日歷
解決:在該dialog加個隱藏input,
<input type="hidden" autofocus/>
未加 autofocus,dialog不會聚焦影藏的input的。
PS: jquery dialog打開的時候,自動聚焦在第一個控件上
在做項目的時候,用到j(luò)Query dialog,在dialog(“open”)一個頁面的時候,焦點會自動聚焦到第一個控件上,剛好這個控件綁定了datepicker,就把日歷自動彈出來了,糾結(jié)半天無果,google了一下,有人也遇到同樣的問題。先給出解決方案
<input autofocus> 在標簽上加一個autofocus屬性就能給指定的控件獲取焦點。比如第一個是日期控件,那么把這個屬性加到其他標簽上去,第一個日歷控件就不會聚焦,也就不會彈出來了。話說回來,這個方法有點類似于障眼法。
附上解決問題的網(wǎng)址:
http://jqueryui.com/upgrade-guide/1.10/#added-ability-to-specify-which-element-to-focus-on-open
以上所述是小編給大家介紹的jQuery Dialog 打開時自動聚焦的解決方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
jQuery實現(xiàn)的產(chǎn)品自動360度旋轉(zhuǎn)展示特效源碼分享
這篇文章主要展示了jQuery實現(xiàn)的產(chǎn)品自動360度旋轉(zhuǎn)展示特效,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2015-08-08jQuery實現(xiàn)的自適應(yīng)焦點圖效果完整實例
這篇文章主要介紹了jQuery實現(xiàn)的自適應(yīng)焦點圖效果,結(jié)合完整實例形式分析了jQuery事件響應(yīng)及動態(tài)操作頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下2016-08-08jQuery.ajax向后臺傳遞數(shù)組問題的解決方法
這篇文章主要為大家詳細介紹了jQuery.ajax向后臺傳遞數(shù)組問題的解決方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05基于jquery實現(xiàn)智能提示控件intellSeach.js
這篇文章主要為大家詳細介紹了基于jquery實現(xiàn)智能提示控件intellSeach.js的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-03-03jQuery Easyui使用(一)之可折疊面板的布局手風琴菜單
這篇文章主要介紹了jQuery Easyui使用(一)之可折疊面板的布局手風琴菜單的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08Jquery+WebService 校驗賬號是否已被注冊的代碼
在Javascirpt代碼中,調(diào)用Jquery的方法$.Ajax(function)實現(xiàn)Ajax,傳遞賬號信息給Web服務(wù),Web服務(wù)再調(diào)用數(shù)據(jù)庫操作類查詢數(shù)據(jù)庫,并返回數(shù)據(jù)給前臺頁面。2010-07-07jquery中focus()函數(shù)實現(xiàn)當對象獲得焦點后自動把光標移到內(nèi)容最后
當對象獲得焦點后,自動把光標移到內(nèi)容最后,使用focus()函數(shù)便可實現(xiàn),下面有個不錯的示例,感興趣的朋友可以參考下2013-09-09