必须使用$element.css("display","inline-block");而不是.show();

老主题，但我有类似的问题，“fa-spin”在包含元素被{ visibility：hidden }隐藏后不工作，用jQuery设置。还有一些其他的动画涉及，这可能会导致计时问题等。
修复方法是在包含元素上设置一个事件，使其再次可见时触发，这触发了这个函数：

ply_obj.container.on(
            'controlsshown',
            function () {

                if (ply_obj.config.loop_tf) {
                    ply_obj.loop_icon.removeClass('fa-spin');
                    setTimeout(function () { ply_obj.loop_icon.addClass('fa-spin'); }, 100);
                }
            }
        );

字符串
因此，删除“fa-spin”，然后添加一个小的延迟，使它的工作，如我所愿。

您是否正在调用“$（'#mySpinnerElement'）.hide（）？
我将其更改为document.getElementById（'mySpinnerElement'）.style.display = 'none';
我的旋转器在随后的呼叫中旋转
HTH
沼泽

如果初始显示状态为none，IE10似乎不会运行旋转动画。我发现动态将显示更改为inline-block并不会触发旋转动画。将微调器移到屏幕外解决了这个问题。例如：

.icon-spinner {
    position: absolute;
    left: -9999px;
}
.is-pending .icon-spinner {
    left: 0;
}

字符串

把你的图标放在div或span标签中，隐藏和显示标签而不是图标。
HTML代码：

<span class="ig-icon-loading"><i class="fa fa-spin fa-spinner"></i></span>

字符串
jQuery：

$('.ig-icon-loading').show();

型
CSS：

.ig-icon-loading{
    display: none;
}

型