今天在寫一個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);
}
);
以上所述就是本文的全部內容了,希望大家能夠喜歡。
您可能感興趣的文章:
JQuery選擇器、過濾器大整理JQuery中層次選擇器用法例項詳解Jquery中基本選擇器用法例項詳解jquery表單物件屬性過濾選擇器例項分析JQuery中上下文選擇器實現方法jQuery建立自定義的選擇器用以選擇高度大於100的超連結例項jquery通過closest選擇器修改上級元素的方法jquery實現不包含當前項的選擇器例項
写评论
很抱歉,必須登入網站才能發佈留言。