快捷導(dǎo)航

setTimeout內(nèi)不支持jquery的選擇器的解決方案

更新時(shí)間：2015年04月28日 11:33:49 投稿：hebedich

在JS中無(wú)論是setTimeout還是setInterval，在使用函數(shù)名作為調(diào)用句柄時(shí)都不能帶參數(shù)，而在許多場(chǎng)合必須要帶參數(shù)，這就需要想方法解決。

今天在寫(xiě)一個(gè)js延時(shí)事件的時(shí)候發(fā)現(xiàn)在setTimeout這個(gè)方法里面使用jquery的$(this)竟然不起作用，各種測(cè)試，最后得出結(jié)論是setTimeout內(nèi)不支持jquery的選擇器。于是請(qǐng)教了一下QQ上做jquery開(kāi)發(fā)的高手，馬上就把這問(wèn)題解決了，在這里記錄一下。
下面是作者做延時(shí)處理時(shí)的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里的代碼，如果這些代碼不在這個(gè)方法里面，本身是沒(méi)有問(wèn)題的，但是如上這種情況是會(huì)報(bào)錯(cuò)的。至于原因，作者現(xiàn)在也沒(méi)有弄明白。經(jīng)網(wǎng)友點(diǎn)化改成如下就沒(méi)事兒了，方法很巧妙。如下是正確的代碼：

$('.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); 
  } 
);

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章: