使用jquery / js检查项目悬停失败
Fail to check item hover using jquery / js
有一个菜单按钮(#menu_product),当用户的鼠标放在它上面时,菜单将向下滑动(#about)。但是,它不能检查滑上(隐藏)它的条件。逻辑是我需要确保按钮和菜单都不悬停,然后滑起来。但是菜单好像永远不会滑上来,怎么解决这个问题?由于
$('#menu_product').live('mouseout',function() {
if (!$('#about:hover')) {
$("#about").slideUp("slow");
}
});
使用下面的代码来达到你想要达到的效果
$("#menu_product, #about").hover(
function () {
$("#about").stop();
$("#about").slideDown("slow");
},
function () {
$("#about").slideUp("slow");
}
);
Jsfiddle: http://jsfiddle.net/np67k/
javascript $('#about:hover')
将始终返回一个有效的jquery对象,因此将始终为true。
尝试使用$('#about').is(':hover')
之类的东西代替,因为.is()
函数返回一个布尔值。http://api.jquery.com/is/
#1不使用live
,已弃用
试试这个:
$('#menu_product').on('mouseout',function() {
var $about = $('#about').toggleClass('.hover');
if (!$about.is('.hover')) {
$about.slideUp("slow");
}
});
相关文章:
- IE(仅)在幻灯片中悬停时获得最高边距?(CSS和链接到项目包含)
- 时间轴.js如何将鼠标悬停事件添加到可视化项目框框
- DevExtreme dxList 在鼠标悬停时更改项目模板
- 为什么我将鼠标悬停在项目上时无法更改下拉菜单颜色
- 新项目的所有列表项弹出窗口在悬停时立即显示 - Javascript
- 单击项目时更改鼠标悬停=“this.src='xxx'”
- 鼠标悬停效果在每个项目上运行
- IE 7,CSS 将项目悬停在 JS 滑块上
- 鼠标悬停时垂直自动滚动 - 就像“项目赠品”deviantart.com 一样
- 使用 Javascript Jquery 将鼠标悬停在主项目上时显示子项目
- 如何删除悬停项目上的 jquery 缓存
- 悬停时停止移动服务轮播项目
- 图像和所选项目没有同时悬停效果
- 有包装网格项目有不透明度层在他们上面悬停
- 仅高亮显示悬停的可丢弃项或放置到的项目
- 通过鼠标悬停amChart上具有相同颜色的线进行项目符号连接
- 悬停框CSS内的项目符号列表
- Foreach项目悬停在不同的背景上
- 引导3导航列表项目悬停问题
- 使用jquery / js检查项目悬停失败