bxslider悬停对李的影响

时间:2013-05-02 20:14:10

标签: jquery bxslider

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

Here's my jsfiddle这是我的jquery来展示div

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

1 个答案:

答案 0 :(得分:1)

隐藏图层重叠后#li1触发mouseleave#1已重命名为#hidden1,因为它不是有效的ID令牌,并且在几个浏览器中查询它会失败;

这应该有效:

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

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

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

隐藏的div与完全可见的触发器完全重叠。这将导致此切换闪烁。