setTimeout內不支持jquery的選擇器的解決方案

 　　在JS中無論是setTimeout還是setInterval，在使用函數名作為調用句柄時都不能帶參數，而在許多場合必須要帶參數，這就需要想方法解決。

　　今天在寫一個js延時事件的時候發現在setTimeout這個方法裡面使用jquery的$(this)竟然不起作用，各種測試，最後得出結論是setTimeout內不支持jquery的選擇器。於是請教了一下QQ上做jquery開發的高手，馬上就把這問題解決了，在這裡記錄一下。

　　下面是作者做延時處理時的js代碼：

　　?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 $('.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裡的代碼，如果這些代碼不在這個方法裡面，本身是沒有問題的，但是如上這種情況是會報錯的。至於原因，作者現在也沒有弄明白。經網友點化改成如下就沒事兒了，方法很巧妙。如下是正確的代碼：

　　?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 $('.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); } );

　　以上所述就是本文的全部內容了，希望大家能夠喜歡。