JQuery 悬停 - 出现覆盖。相反，客户希望覆盖在那里，然后通过悬停消失答案

【问题标题】：JQuery Hover - Overlay appears. Instead, client wants overlay to be there and then disappear with hoverJQuery 悬停 - 出现覆盖。相反，客户希望覆盖在那里，然后通过悬停消失
【发布时间】：2015-09-09 16:41:57
【问题描述】：

我正在使用 wordpress 主题。它使用 Jquery 具有以下效果：当您将鼠标悬停在缩略图上时，会出现一个叠加层。相反，我的客户希望出现叠加层，然后当您悬停时，它会显示下方的缩略图。关于更改此代码以产生这种效果的任何建议？

谢谢

function gdl_portfolio_hover(selector){
    selector.each(function(){
        jQuery(this).hover(function(){
            var thumbnail_hover = jQuery(this).find('a.hover-wrapper');
            var thumbnail_overlay_hover = thumbnail_hover.children();

            thumbnail_overlay_hover.fadeIn(200);
        }, function(){
            var thumbnail_hover = jQuery(this).find('a.hover-wrapper');
            var thumbnail_overlay_hover = thumbnail_hover.children();

            thumbnail_overlay_hover.fadeOut(200);
        });
    }); 
}

【问题讨论】：

你有尝试过吗？如果有，你观察到了什么？您是否尝试使用 http://jsfiddle.net 之类的东西重新创建独立的功能以简化它。如果是这样，我们可以提供它的链接以便我们也可以摆弄吗？
我几乎不知道任何javascript。我搞砸了一点（见评论 SomeBigF**Idiot's answer
我试试 jsfiddle 看看会发生什么

标签： javascript jquery wordpress

【解决方案1】：

这可能很愚蠢，但是您是否尝试过切换这两个功能的肉？

【讨论】：

值得一试。最初你会看到一个缩略图。如果您将鼠标悬停在缩略图上，则会出现一个叠加层 (fadeIn)，而当您将光标移开时，叠加层就会消失 (fadeOut)。我切换了淡入淡出和淡入淡出。仍然只是缩略图，但是现在如果您将鼠标悬停在上面，则不会发生任何事情，但是当您移开时，会出现叠加层。我希望覆盖从一开始就在那里......