Question

可能重复：
Hover not working with jQuery Tools - 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>

Answer 1

问题是您使用的语法.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脚本包含，这就是我省略它的原因。

悬停不使用jQuery Tools - jQuery

1 个答案: