jquery - 左导航折叠,即使当前?

标签 jquery html css

我有一个带有悬停动画的左侧导航 - 你可以在这里看到它: http://www.wearewebstars.dk/frontend/test/boerneunivers2.html

如果您例如:单击第二个导航项,则“li”获得一个类:current - 但是当离开“li”项时,它会崩溃 - 这样做是因为一些 javascript,但它不应该那样做os “当前” LI。 在脚本中,只有当 LI 不是当前的 LI 时,我的悬停功能才会被触发 - 请在此处查看我的脚本:

$(".left-navigation ul li:not(.current)").hover(function( e ){

     var mEnt = e.type=="mouseenter"; // boolean true/false
     //alert(mEnt);

     $(this).stop().animate({width: mEnt?'95%':35}, mEnt?100:0, function() {
         $(this).find("span.nav-text").css({
             display: mEnt? "inline-block" : "none"
         });
     });

});

最佳答案

您的选择器应如下所示:

$(".left-navigation ul li:not('.current')")

我认为这是不言自明的;)

编辑:尝试这样做:

$(".left-navigation ul li:not(.current)").hover(function(){
    //mouseenter
},function(){
    //mouseout
});

关于jquery - 左导航折叠,即使当前?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18607649/

相关文章:

html - 无效的 HTML 呈现逻辑

html - 向段落添加文本会将相邻元素向下移动

javascript - 使用名为 action 的按钮获取表单操作

javascript - gridster 拖放不起作用

javascript - 可拖动区域上的 Electron 上下文菜单

javascript - JQuery 添加/删除类第二次不起作用

javascript - 重置隐藏元素之间的多个 CSS3 过渡

jquery - 是否存在任何离线形式的文档?

css - 在没有包装器的情况下更改图像的纵横比

jquery - 如何使用 jquery 替换 ASP.NET MVC 中的表行颜色?