setTimeout內(nèi)不支持jquery的選擇器的解決方案
更新時間：2015年04月28日 11:33:49 投稿：hebedich
在JS中無論是setTimeout還是setInterval，在使用函數(shù)名作為調(diào)用句柄時都不能帶參數(shù)，而在許多場合必須要帶參數(shù)，這就需要想方法解決。
今天在寫一個js延時事件的時候發(fā)現(xiàn)在setTimeout這個方法里面使用jquery的$(this)竟然不起作用，各種測試，最后得出結(jié)論是setTimeout內(nèi)不支持jquery的選擇器。于是請教了一下QQ上做jquery開發(fā)的高手，馬上就把這問題解決了，在這里記錄一下。
下面是作者做延時處理時的js代碼：
$('.dl_select dt').hover(
function(){
clearTimeout(t3);
$(this).siblings('dd').css({'display':'block','cursor':'pointer'});
},
function(){
t2=setTimeout(function(){$(this).siblings('dd').css({'display':'none'});},300);
}
);
$('.dl_select dd').hover(
function(){
clearTimeout(t2);
$(this).css({'display':'block','cursor':'pointer'});
},
function(){
t3=setTimeout(function(){$(this).css({'display':'none'});},200);
}
);
注意以上代碼中得setTimeout里的代碼，如果這些代碼不在這個方法里面，本身是沒有問題的，但是如上這種情況是會報錯的。至于原因，作者現(xiàn)在也沒有弄明白。經(jīng)網(wǎng)友點化改成如下就沒事兒了，方法很巧妙。如下是正確的代碼：
$('.dl_select dt').hover(
function(){
clearTimeout(t3);
$(this).siblings('dd').css({'display':'block','cursor':'pointer'});
},
function(){
var $this=$(this).siblings('dd');
t2=setTimeout(function(){$this.css({'display':'none'});},300);
}
);
$('.dl_select dd').hover(
function(){
clearTimeout(t2);
$(this).css({'display':'block','cursor':'pointer'});
},
function(){
var $this=$(this);
t3=setTimeout(function(){$this.css({'display':'none'});},200);
}
);
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
下面小編就為大家?guī)硪黄狫S判斷瀏覽器是否安裝flash插件的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
基于Bootstrap模態(tài)對話框只加載一次 remote 數(shù)據(jù)的解決方法
下面小編就為大家?guī)硪黄贐ootstrap模態(tài)對話框只加載一次 remote 數(shù)據(jù)的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要給大家分享的是學習JavaScript一定要知道的3個小技巧，通常在 Angular 或 React 項目中，code review 時看到一些老式的 JavaScript 代碼，就會將開發(fā)人員歸類為初學者，下面我們就來一起看看初學者需要知道的三個小技巧,需要的朋友可以參考一下2021-12-12
這篇文章主要為大家詳細介紹了js實現(xiàn)帶積分彈球小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
使用JavaScript給圖片添加水印的實現(xiàn)方法封裝
圖片加水印是一種常見的圖像處理技術(shù),通常用于保護版權(quán)、防止盜用、增加圖片的識別度等多種場景,這篇文章主要給大家介紹了關(guān)于使用JavaScript給圖片添加水印的實現(xiàn)方法封裝,需要的朋友可以參考下2024-03-03
深入淺析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
這篇文章主要介紹了JavaScript字符串操作方法 slice、substr、substring及其IE兼容性 的相關(guān)資料,需要的朋友可以參考下2015-12-12
老生常談document.ready和window.onload
這篇文章主要介紹了document.ready和window.onload的相關(guān)知識,包括document.ready和window.onload的區(qū)別,要使用document.ready()或者document.onload()的原因分析,本文結(jié)合實例代碼給大家介紹的非常詳細,需要的朋友參考下吧2024-01-01
這篇文章主要為大家詳細介紹了js+canvas實現(xiàn)驗證碼功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
JavaScript的History API使搜索引擎抓取AJAX內(nèi)容
這篇文章主要介紹了JavaScript的History API使搜索引擎抓取AJAX內(nèi)容 的相關(guān)資料,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了javascript中關(guān)于去重操作的，在JS中關(guān)于數(shù)據(jù)去重操作的使用是非常常用，也是非常重要的點，一般情況下關(guān)于對數(shù)組去重點操作是最常用的，下文我們就來介紹js去重相關(guān)內(nèi)容,需要的朋友可以參考下2022-04-04