时间戳

首页 > 解决方案 > 如果在 Click 事件 Javascript 中声明

javascript - 如果在 Click 事件 Javascript 中声明

问题描述

我是 Jquery 的新手，我正在使用样式为红点的列表项网格。我已经做到了，当您将鼠标悬停在其中一个点上时，它会被赋予一个带有动画的类，该动画会生长特定的点。

班上

.twoHover{
transform-origin: center;
animation: makeDotsBig 1s forwards;
}
@keyframes makeDotsBig {
  0%{
    -webkit-transform: scale(1);
  }
  100%{
    -webkit-transform: scale(3);
  }
}

JS

var numDots = 0;
$("li").on('mouseover', function(event){
    event.preventDefault();
    $(this).addClass("twoHover");
    numDots++;
})

我现在的问题是，一旦所有点都被展开，我想触发一个动画，使它们都动画到页面上的相同重叠。我已经使用控制台记录“numDots”的单击事件对其进行了测试，并且鼠标悬停已成功添加到数字中，但无论我尝试哪种类型的 if、while 或 for 循环，我似乎都无法触发动画一旦“numDots”达到我想要的数字（在这种情况下为 25）。

如果有人能引导我朝着正确的方向寻求解决方案，我将不胜感激！

标签： javascriptjqueryjquery-animatecss-animationsjquery-hover

解决方案

推荐阅读