DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> js原生態函數中使用jQuery中的 $(this)無效的解決方法
js原生態函數中使用jQuery中的 $(this)無效的解決方法
編輯:JQuery特效代碼     
我今天的例子是這樣的,
代碼如下:
$("ul li").hover(function(){
  setTimeout(function(){
    $(this).addClass("test");
    alert("延遲了0.3s 我出現了!") //測試
  },300)
})

在運行時,這個黃色部分是不執行的 ,然後我彈出了一下$(this)原來是undefined (其實已經猜到了);
然後我就沒想(習慣),直接到百度找了,然後沒找到答案,然後我就自己想,是不是換種方法,但是我覺得又不大合理,隨後我就想到了 在裡面讀不到,外面可以讀得到, 然後我就將$(this) 在setTimeout()外面賦給了一個變量。這樣就迎刃而解了。哈哈,挺無語的問題吧,其實我在這裡不是想說如何解決的,我是說這種思路,解決問題前先不要一味的去百度 谷歌
先要自己想想辦法,真想不到,去找答案。
代碼如下:
$("ul li").hover(function(){
  var oLi = $(this);
  setTimeout(function(){
    oLi.addClass("test");
    alert("延遲了0.3s 我出現了!") //測試
  },300)
})
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved