Javascript 为什么手机上的加载微调器没有加载

在我的mac电脑上，加载微调器可以工作，但在我的手机上，当我上传图像时，微调器不会旋转，并且会滞后

目标：当用户在手机上上传照片，然后单击“继续”按钮（变成旋转器）旋转器开始旋转

问题：我认为由于网站正在处理图像，手机没有足够的电力来加载微调器

我的微调器css是：

.active-animate {
    font-size: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border-left-color: transparent;
    animation: rotate 1.18s ease 0.2s infinite;
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

那么我的js代码是：

$(document).ready(function() {
    $('.button-animate').click(function() {
        $(this).addClass('active-animate');
    });
});

如果您需要更多的代码或其他任何东西，请询问。

---

谢谢

您必须在其他地方遇到问题，而不是在您提供的代码中。您提供的内容目前有效。请同时提供浏览器信息。@RishabhAnand您希望网站的链接具体是什么？@cssyphus这有什么帮助？我只想让spinner circle在移动视图上旋转，制作一些始终显示它的东西来测试它是否工作，然后它可能只是抖动，因为其他动画帧/重绘等优先，或者您的手机正在使用就是慢。手机浏览器和版本上的dep可能不受支持：