setTimeout內(nèi)不支持jquery的選擇器的解決方案
今天在寫一個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)文章
JavaScript數(shù)學(xué)對象Math操作數(shù)字的方法
這篇文章主要為大家介紹了JavaScript數(shù)學(xué)對象Math操作數(shù)字的方法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-05-05全面解析JS字符串和正則表達式中的match、replace、exec等函數(shù)
這篇文章主要介紹了全面解析JS字符串和正則表達式中的match、replace、exec等函數(shù)的相關(guān)資料,需要的朋友可以參考下2016-07-07解決遍歷時Array.indexOf產(chǎn)生的性能問題
javascript中數(shù)組是沒有indexOf方法,extjs中給數(shù)據(jù)添加了該方法2012-07-07