在JS中無論是setTimeout還是setInterval,在使用函數名作為調用句柄時都不能帶參數,而在許多場合必須要帶參數,這就需要想方法解決。
今天在寫一個js延時事件的時候發現在setTimeout這個方法里面使用jquery的$(this)竟然不起作用,各種測試,最后得出結論是setTimeout內不支持jquery的選擇器。于是請教了一下QQ上做jquery開發的高手,馬上就把這問題解決了,在這里記錄一下。
下面是作者做延時處理時的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里的代碼,如果這些代碼不在這個方法里面,本身是沒有問題的,但是如上這種情況是會報錯的。至于原因,作者現在也沒有弄明白。經網友點化改成如下就沒事兒了,方法很巧妙。如下是正確的代碼:
- $('.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);
- }
- );
以上所述就是本文的全部內容了,希望大家能夠喜歡。
新聞熱點
疑難解答
圖片精選