2013-05-02 166 views
0

我正在使用bxSlider有一个轮播on my page,我想在用户悬停任何li标记时显示一个隐藏div。当我最终做到这一点时,我注意到当我进行悬停时,出现问题,div出现,然后在几秒钟内自行消失。bxslider悬停对李的影响

Here's my jsfiddle这是我的jQuery展现DIV

$("#li1").hover(
    function() { 
     $("#1").fadeIn(); 
    }, 
    function() { 
     $("#1").fadeOut(); 
    } 
); 
+1

这是因为当#1退出时,它覆盖了#li1,所以它不再显示并再次淡出 – Doorknob 2013-05-02 20:17:56

+0

哦......那么你的建议是什么? – paoloi 2013-05-02 20:29:09

回答

1

#li1被触发mouseleave一旦隐藏层将其覆盖。 #1被重命名为#hidden1,因为它不是一个有效的ID令牌,查询它会在多个浏览器中失败;

这应该工作:

$("#li1").mouseenter(function() { 
    $("#hidden1").fadeIn(); 
}) 

$("#hidden1").mouseleave(function() { 
    $("#hidden1").fadeOut() 
}); 

http://jsfiddle.net/YN2Wc/2/

你隐藏的div没有完全重叠可见触发。这会导致此切换闪烁。

+0

你的jsfiddle工作得很好,但在我的网站上有些事情是错误的,因为现在我徘徊李并没有看到任何东西,生病必须检查它,但非常感谢你的答案。 – paoloi 2013-05-02 21:40:41

+0

弄个实际的代码,我会解决它。 – Mircea 2013-05-02 21:54:04

+0

这里是一个更完整的文件http://jsfiddle.net/mVLbm/2/ btw我使用引导程序和bxSlider插件可能不需要做的错误,我有,因为jsfiddles工作正常,但只是说,谢谢我再次感谢你的帮助和时间。 – paoloi 2013-05-02 22:21:59