javascript - 为什么我在移动设备上的加载微调器无法加载

Question

在我的 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');
    });
});

如果您需要更多代码或其他任何内容，请询问。谢谢

标签： javascriptjquerycss