2011-08-26 35 views
0

可能重複:
Hover not working with jQuery Tools - jQuery哈弗不使用jQuery工具的工作 - jQuery的

當我添加jQuery Tools到我的網頁,懸停在鏈接不工作的效果。沒有它,它的工作。

<script src="jquery.js"></script> 
<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script> 
<script src="jquery.color.js"></script> 
<script> 
$(function() { 
    $(".header").live({ 
     mouseenter: function() { 
      $(this).animate({color: "black"}, 400); 
     }, 
     mouseleave: function() { 
      $(this).animate({color: "white"}, 400); 
     } 
    }); 
}); 
</script> 

另一個問題:jQuery Tools工具提示使用jQuery live嗎?

犯錯,我不認爲你們明白它..它工作時我不加:

<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script> 
+2

哪個瀏覽器版本和哪個版本的jQuery?我不會推薦jQuery Tools作爲任何可行的長期解決方案。大約一年沒有更新(自jQuery 1.4.2以來),在較新的瀏覽器(IE9)中存在問題,需要大量手動標記,並沒有得到很好的支持,開發人員顯然已經失去興趣。 – Sparky

回答

0

問題是你正在使用.live jQuery中不起作用的語法1.4.2,它被添加到jquery 1.4.3中。嘗試結合這種方式來代替:

<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script> 
<script src="jquery.color.js"></script> 
<script> 
$(function() { 
    $(".header").live('mouseenter mouseleave',function(e){ 
     $(this).animate({color: e.type === "mouseenter" ? "black" : "white" }, 400); 
    }); 
}); 
</script> 

編輯

另外,jQuery的工具被覆蓋原來的jQuery腳本包括,這就是爲什麼我忽略它。