我正在使用bxSlider来设置轮播on my page,我想在用户悬停任何li
标记时显示隐藏的div。当我最终做到这一点时,我注意到当我进行悬停时会出现问题,div会出现,然后在几秒钟内消失。
Here's my jsfiddle这是我的jquery来展示div
$("#li1").hover(
function () {
$("#1").fadeIn();
},
function () {
$("#1").fadeOut();
}
);
答案 0 :(得分:1)
隐藏图层重叠后#li1
触发mouseleave
。
#1
已重命名为#hidden1
,因为它不是有效的ID令牌,并且在几个浏览器中查询它会失败;
这应该有效:
$("#li1").mouseenter(function () {
$("#hidden1").fadeIn();
})
$("#hidden1").mouseleave(function () {
$("#hidden1").fadeOut()
});
隐藏的div与完全可见的触发器完全重叠。这将导致此切换闪烁。