javascript - Jquery .click 仅在条件下触发

Question

嘿，我正在尝试让一个函数仅在 class2 未附加到 class1 时执行:

$("#div").on('mouseenter', 'class1:not(.class2)', function() {
  $(".class1").fadeIn('fast', 0);

  anotherfunction();
});

.class1 {
  position: relative;
  width: 181px;
  height: 381px;
  background: transparent url(/img/phone2.png) center center no-repeat;
  opacity: 1;
  cursor: crosshair;
  background-size: 100%;
  z-index: 1000;
}
.class1 .class2 {
  background-color: cyan;
}
.class1 .class3 {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  position: absolute;
  top: 88px;
  left: 21px;
  right: 20px;
  bottom: 92px;
  background: transparent;
  overflow: hidden;
}

Class3 在 class1 中...这会导致问题吗？

<div class="Class1">
  <div class="Class3"></div>
</div>

Answer 1

应该是:

$("#div").on('mouseenter', '.class1:not(.class2)', function() {
                            ^

也许你需要改变

$(".class1").fadeIn('fast', 0); 

到

$( this ).fadeIn('fast', 0);