jQuery悬停不按需要工作

Question

我想让旋转木马的箭头在幻灯片放映时出现并消失。我试过这个但没有太大的成功：

$("#slideshow").hover(function(){$('.control').fadeOut(500);$('control').fadeIn(500);});

full code here

由于

Answer 1

我认为您在.control来电中.fadeIn(...)之前错过了一个点。

此外，您可以稍微简化代码，并消除错误。

$('.control')
    .fadeOut(500)
    .fadeIn(500);

当然，这只会“闪烁”控件 - 请参阅@ AndrewR对正确功能的回答=）

Answer 2

我认为您使用hover()的错误语法来表达您想要做的事情。 hover（）方法需要两个回调，一个用于onmouseover事件（悬停），另一个用于onmouseout事件（关闭悬停）。

$('#slideshow').hover(
    function(){
        $('.control').fadeIn(500);
    },
    function(){
        $('.control').fadeOut(500);
    }
);

Answer 3

将您的.fadeOut()和.fadeIn()来电链接在一起。你不想在没有充分理由的情况下两次选择相同的元素集。

$('.control').fadeOut(500).fadeIn(500);