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标记添加一个类来实现,因此它是可定向的。搜索持续导航,你会得到大量的点击。