Jquery 在菜单中解除绑定后如何绑定

我正在尝试创建一个导航，使用鼠标悬停来上下移动导航按钮。当我点击选择一个按钮时，我希望停止悬停，这是有效的。当我在导航中选择另一个按钮时，如何将悬停动画绑定回去？从现在起，它将保持无界状态，单击时所有按钮都将变为无界状态。一个foreach（）

我已经有一段时间没有使用jQuery了，需要一些帮助

另外，我首先使用了mouseOver（）和mouseOut（），读到hover更适合使用。这是正确的吗

让小提琴正确运行，这会让你在不使用图像的情况下有更好的想法。

---

事件委派可以简化此过程

google.load("jquery", "1.6.2");
google.setOnLoadCallback(function(){
    $(".horzNavigation").delegate("ul > li > a:not(.active)",{
        "mouseenter": function(){
            $(this).stop(true,true).animate({"top": "-=60px"}, 250, 'swing');
        },
        "mouseleave": function(){
            $(this).stop(true,true).animate({"top": "+=60px"}, 250, 'swing');
        }
    }).delegate("ul > li > a","click",function(event){
        $(this).addClass('active').parent().siblings().children('.active').removeClass('active');
    });
});

---

另外，我假设您的代码中有输入错误，

ul

元素不能直接包含锚定标记，因此我在选择器中添加了

li

标记。无效的html在不同的浏览器中可能会产生不一致的结果。

可以用一个工作示例在JSFIDLE上创建一个FIDLE…是的，您的假设是正确的。我完全忘记了活动授权。你回答的正是我想要的。我还学到了更多关于父母子女目标的知识。非常感谢。上面的小提琴将反映你的答案。问题。hover比mouseOver/mouseLeave和mouseOut事件更适合使用吗？@milklt.hover是mouseenter/mouseLeave的简写，没有更好或更糟

.hover

只是不提供事件委派。