文章作者:Tyan
博客:noahsnail.com
????????在前端的頁面開發(fā)中歉嗓,經(jīng)常會碰到頁面跳轉(zhuǎn)問題拱她,這個跳轉(zhuǎn)指的是頁面內(nèi)部跳轉(zhuǎn)到指定位置昙读,通常是在有滾動條的情況下崖技,網(wǎng)上介紹的方法很多擎椰,本文主要是介紹jQuery函數(shù)中的一個小trick支子,.focus()函數(shù)。
????????先來看一下jQuery的官方文檔:
image
image
????????上面的文檔扯了一堆达舒,半點沒看到頁面跳轉(zhuǎn)的影子值朋,但是在實際應用中你會發(fā)現(xiàn),如果一個控件調(diào)用了.focus()方法巩搏,頁面會自動跳轉(zhuǎn)到控件所在位置昨登。
????????舉例說明:
image
????????如圖,這是一個pop up贯底,modal篙骡,如果你選中了某一條數(shù)據(jù),你想再打開這個pop up時頁面直接跳轉(zhuǎn)到選中的這條數(shù)據(jù)的位置,用.focus()可以這么寫:
$('input[name=test]:checked').focus();
test是一堆radio的name,:checked
代表查找被選中的那個radio糯俗,focus()方法會直接將頁面跳轉(zhuǎn)到被選中的這條數(shù)據(jù)的位置尿褪。
注:focus方法使用有個前提,那就是控件不能是disabled得湘,如果控件要設為disabled杖玲,那要在控件被disabled之前調(diào)用focus方法。
感謝教我這個小trick的Lucas!