Question

当你悬停元素时，我无法解决问题，它必须向它们添加活动类，但当你将鼠标悬停在其他东西（另一个部分等）时，这个类必须保留在你徘徊的最后一个元素上。第一个块必须作为默认状态激活。

self.vars = []
for i in range(k):
    var = StringVar()
    OptionMenu(root, var, *choices)
    self.vars.append(var)

Answer 1

$(".work-elem").mouseover(function() {
  $(".work-elem").removeClass("active");
  $(this).addClass("active");

});

div {
  width: 20px;
}
.active {
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="work-elem active">1111</div>
<div class="work-elem">2222</div>
<div class="work-elem">3333</div>
<div class="work-elem">4444</div>

Answer 2

使用mouseenter＆amp; mouseleave代替hover：

＆＃13;

    $(".work-elem:first").addClass("active");
    $(".work-elem").each(function() {
        $(".work-elem").mouseenter(function() {
            $(this).removeClass("active");
            $(this).addClass("active");
        }).mouseleave(function(){
              $(this).removeClass("active");
        });
    });

＆＃13;

.active{
   color:green;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="work-elem">What about</span>

＆＃13;

如何在悬停时向元素添加类，但是当你离开鼠标时，类停留

2 个答案: