Question

我有一个函数，在悬停时，会向元素添加一个类。

我希望只有在另一个div具有特定类时才会发生这种情况。

到目前为止，我在没有任何结果的情况下尝试这个：

$('.title-overlay').hover(

   function(){ 


    $(this).addClass('title-hover'),

   },

   function(){
   if($('.wmg-container3').hasClass('open')){
    $(this).removeClass('title-hover'),
 }
}
)

正如您所看到的，我希望添加课程title-hover，但如果wmg-container3具有课程open，则应删除此课程。

（所有这些都悬停在类标题叠加层上）

感谢你们的帮助！

Answer 1

这样的东西？

<div class="shape">
    <div class="top"></div>
    <div class="bottom"></div>
</div>

Answer 2

如果我理解你想要跟随：

具有title-overlay类的所有元素都应附加到函数悬停
现在当你将鼠标悬停在它们上面时，它应首先寻找开放课程
如果类wmg-container3的元素具有类open，则从中删除title-hover类
将title-hover类应用于当前元素

如果上述逻辑正确则代码为

$('.title-overlay').hover(function(){
      $('.wmg-container3').hasClass('open').removeClass('title-hover');
      $(this).addClass('title-hover');
});

在悬停功能上，如果X有类，请执行此操作

2 个答案: