对于悬停函数，这样做，如果X有类，这样做

On hover function, do that, if X has class, do this

本文关键字：这样做 如果 有类 函数 于悬停 悬停      更新时间：2023-09-26

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

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

到目前为止，我正在尝试这个没有任何结果:

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

如您所见，我希望添加title-hover类，但如果wmg-container3具有open类，则应删除此类。

(所有这一切悬停类标题覆盖)

感谢大家的帮助!

是这样的吗?

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

如果我理解正确，您需要以下内容:

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

如果上面的逻辑是正确的，那么代码是

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