jQuery鼠标悬停效应

我确信我遗漏了一些简单的东西，但我无法让这个jQuery函数工作。控制台中也没有出现错误。我希望当用户将鼠标悬停在图像上时显示文本。有没有可能有人发现我做错了什么

HTML

JQUERY

$(document).ready(function(){

    $('.project-container').mouseover(function(){
        $('.project-container__text').addClass(('.project-display'), function(){
            $('.project-display').slideUp();
        });
    });

});

从添加类中删除

（

和

）：

.addClass('project-display'),

您在

addClass（）

方法中添加了一个额外的

（

大括号），该方法不接受任何选择器，只接受一个字符串值。因此，您不必在那里放置

需要添加的一点是，您必须在选择器的给定上下文中使用

this

关键字获取元素：

$(this).find('.project-container__text').addClass('project-display')

给你！ 问题是在使用addClass或removeClass函数时不应添加“.”。还建议将.on（'mouseover'）与回调一起使用

---

您必须更改CSS类分配的方式：

$(document).ready(function(){
    $('.project-container').mouseover(function(){
        $('.project-container__text').addClass('project-display');
        $('.project-display').slideUp();
    });
});

<强>您应该考虑将样式类应用到jQuery项，必须具有以下格式>/P> 一次可以添加多个类，以空格分隔，以 匹配的元素集，如下所示：

$（“p”）.addClass（“myClass yourClass”）；

此方法通常与.removeClass（）一起使用，以切换元素的 从一个类到另一个类，如下所示：

$（“p”）.removeClass（“myClass noClass”）.addClass（“yourClass”）；

这里，myClass和noClass类从所有段落中删除， 在添加yourClass时。从jQuery 1.4开始，.addClass（）方法 参数可以接收函数

$( "ul li" ).addClass(function( index ) {
  return "item-" + index;
});

给定一个包含两个

元素的无序列表，此示例添加 将“项目-0”归类为第一个

，将“项目-1”归类为第二个

参考资料：

---

另一个问题，“我的效果”没有使用“速度”参数。你知道为什么吗？在你想说的slideup或其他任何地方使用“速度”参数？向上滑动效果不起作用。文本向上滑动但随后消失。这就是slideup方法的作用。它向上滑动并隐藏元素。向上滑动效果不起作用。文本向上滑动但随后消失ars。这个问题已经解决了，我愚蠢地使用了slideUp，以为它会动画，但我发现它删除了具有这种效果的元素。我已经安装了jQuery UI CDN，希望使用它提供的幻灯片效果。同样没有错误，但它是突然出现的，而不是滑动。有什么想法吗？

$(document).ready(function(){
    $('.project-container').mouseover(function(){
        $('.project-container__text').addClass('project-display');
        $('.project-display').slideUp();
    });
});

$( "ul li" ).addClass(function( index ) {
  return "item-" + index;
});