使用.css（）方法进行转换并不起作用

Question

$(".target").hover(function () {
    $(".element").css({
        "visibility": "visible",
            "opacity": 1,
            "transition": "visibility 0s linear 0.25s,opacity 0.25s linear"
    });
}, function () {
    $(".element").css({
        "visibility": "hidden",
            "opacity": 0,
            "transition": "visibility 0s linear 0.25s,opacity 0.25s linear"
    });
});

mouseleave显示转换但不是当我将鼠标放在.element上时，上面的代码出了什么问题？

Answer 1

尝试使用此代码： -

$(".target").hover(function () {
    $(".element").css({
        "visibility": "hidden",
            "opacity": 0,
            "transition": "visibility 0s linear 0.25s,opacity 0.25s linear"
    });
}, function () {
    $(".element").css({
        "visibility": "visible",
            "opacity": 1,
            "transition": "visibility 0s linear 0.25s,opacity 0.25s linear"
    });
});

Answer 2

我不是百分之百确定这是否是你想要的，但在这里我使用jQuery为你创造了一个简单的小提琴：

<强>小提琴： http://jsfiddle.net/n97fs/2/

<强> JavaScript的：

$('.target').on('mouseover', function(){
    $('#element').fadeIn('slow');
});
$('.target').on('mouseout', function(){
    $('#element').fadeOut('slow');
});