jquery - li上的bxslider悬停效果

Question

我正在使用 bxSlider在我的页面上li有一个轮播，当用户悬停任何标签时，我想显示一个隐藏的 div 。当我最终做到这一点时，我注意到当我进行悬停时出现问题，div 出现然后在几秒钟内自行消失。

这是我的 jsfiddle，这是我显示 div 的 jquery

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

Answer 1

一旦隐藏层与它重叠，就会触发#li1。mouseleave被#1重命名为，#hidden1因为它不是有效的 ID 令牌，并且在多个浏览器中查询它会失败；

这应该有效：

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

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

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

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