jquery - 淡入/淡出网址

Question

当我在 Div 上传递光标时，我想淡入/淡出一个 url。我在小提琴http://jsfiddle.net/7Ppbm/60/中做了一个简单的例子。

$('.lnkDiv:visible').fadeOut();
var timer;

$('.contDiv:visible').on({
        mouseover: function () {
            clearTimeout(timer);
            $('.lnkDiv:visible').fadeIn();
        },
        mouseout : function () {
            timer = setTimeout(function () { 
                $('.lnkDiv:visible').fadeOut();
            }, 100);
        }
    });

我做错了什么？

Answer 1

这是你想要做的吗？ http://jsfiddle.net/daKGN/1/

$('.lnkDiv:visible').fadeOut();
var timer;

$('.contDiv:visible').on({
        mouseover: function () {
        clearTimeout(timer);
        $('.lnkDiv').fadeIn();
    },
    mouseout : function () {
        timer = setTimeout(function () { 
            $('.lnkDiv').fadeOut();
        }, 100);
    }
});

<img>标签应该写成<img />而不是<img></img>。隐藏时也.contDiv没有高度，即使<a>隐藏了，您的 jQuery 选择器也全部包含在内。:visible<a>