悬停不使用jQuery工具-jQuery

可能重复：

当我添加到我的页面时，链接上的悬停效果不起作用。没有它，它就可以工作

<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>

$（函数（）{
$（“.header”）.live（{
mouseenter:function（）{
动画（{color:“black”}，400）；
}, 
mouseleave:function（）{
动画（{color:“white”}，400）；
}
});
});

另一个问题：jQuery工具提示与jQuery live一起工作吗

呃，我想你们不明白。。当我不添加以下内容时，它会起作用：

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

---

问题在于使用的语法。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>

$（函数（）{
$（“.header”）.live（'mouseenter mouseleave'，函数（e）{
$（this）.animate（{color:e.type==“mouseenter”？“black:“white”}，400）；
});
});

编辑

---

另外，jquery工具正在覆盖原始jquery脚本include，这就是我省略它的原因。

哪个浏览器版本和jquery的哪个版本？我不推荐jQuery工具作为任何可行的长期解决方案。它已经有一年没有更新了（从jQuery1.4.2开始），与较新的浏览器（IE9）有问题，需要大量的手动标记，没有得到很好的支持，开发人员显然已经失去了兴趣。