Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/368.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用hoverIntent和slideUp slideDown发出问题_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用hoverIntent和slideUp slideDown发出问题

Javascript 使用hoverIntent和slideUp slideDown发出问题,javascript,jquery,html,Javascript,Jquery,Html,所以我有一组是滑块中的标题。每个标题都有包含在中的子标题。子菜单,当前已选择的菜单为。当前菜单项。我想目前的项目是目前的负载。我目前正在与以下人员联系: var myPath = window.location.pathname; console.log(myPath); if(myPath == '/thing/'){ $('#menu-item-1 .sub-menu').slideToggle("1000"); }; if(myPath == '/other-thing1/'){

所以我有一组
  • 是滑块中的标题。每个标题都有包含在
    中的子标题。子菜单
    ,当前已选择的菜单为
    。当前菜单项
    。我想目前的项目是目前的负载。我目前正在与以下人员联系:

    var myPath = window.location.pathname;
    
    console.log(myPath);
    
    if(myPath == '/thing/'){
       $('#menu-item-1 .sub-menu').slideToggle("1000");
    };
    if(myPath == '/other-thing1/'){
       $('#menu-item-2 .sub-menu').slideToggle("1000");
    };
    if(myPath == '/other-thing2/'){
       $('#menu-item-3 .sub-menu').slideToggle("1000");
    };
    
    这会使当前页面的
    。子菜单
    在我处于该页面时显示

    目标是获取导航,以便在我最初加载页面时,显示页面的子菜单。然后,当我将鼠标移到其他菜单上时,当前菜单的子菜单向上滑动。然后,当我将鼠标移出任何标题时,
    。当前菜单项
    的子菜单再次向下滑动。下面是到目前为止我所拥有的,这让我非常接近,但是
    。当前菜单项
    不再向上滑动

    $(".aside-section-content ul li").each(function(){              
    if($(this).children('.sub-menu').length){ 
        $(this).hoverIntent({
            interval: 50,
            over: function navHoverInDrop () { 
                $(this).children('.sub-menu').slideDown(300).prev('a').css({'background-image':'none'});
            },
            timeout: 250,
            out: function navHoverOutDrop () { 
                $(this).not('.current-menu-item').children('.sub-menu').slideUp(300).prev('a').css({'background':"url('uploads/plus.png') no-repeat center right 13px"});
            }            
        });
    }
    });
    

    我已经能够得到一些变化,已经接近,但还没有得到它的错误免费。有人有什么想法吗

    你能把你的问题贴在JSFIDLE上吗?这样更容易回答。。!听起来你在寻找一种叫做
    持续导航的东西。这通常在服务器上通过向适当的导航项或body标记添加一个类来实现,因此它是可定向的。搜索持续导航,你会得到大量的点击。