为啥 jQuery Mobile 1.1-rc1 使用 .gif 作为加载图标（再次）？

Posted 2023-05-07

【中文标题】为啥 jQuery Mobile 1.1-rc1 使用 .gif 作为加载图标（再次）？

【英文标题】：Why does jQuery Mobile 1.1-rc1 use a .gif for the loading icon (again)?为什么 jQuery Mobile 1.1-rc1 使用 .gif 作为加载图标（再次）？

【发布时间】：2012-04-13 22:45:07

【问题描述】：

在 1.0.1 中，微调器图标是一个使用 CSS 旋转的 png。这对我来说在 android 2.x 上看起来很流畅。

在 1.1-rc1 版本中，他们将图标从 .png 更改为动画 .gif

在 Android 上，动画 .gif 对我来说表现很奇怪，在 2.2.x 和 2.3.x 上速度不稳定，在 2.1.x 上不起作用

他们为什么将它从一个更改为另一个？不使用 CSS 旋转 .png 对我来说似乎更清晰、更流畅有什么好处。

有谁知道如何在 1.1-rc1 中实现旧的加载器？

【参考方案1】：

JQM 可能更改了加载图标，因为它依赖于 webkit 动画。动画 gif 支持更多浏览器。

要实现 png 加载图标覆盖 .ui-icon-loading 类。

.ui-icon-loading 
    background: url(http://code.jquery.com/mobile/1.1.0-rc.1/images/ajax-loader.png);
    background-size: 46px 46px;
    width:46px;
    height:46px;
    -webkit-transform: rotate(360deg);
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;

@-webkit-keyframes spin 
    from -webkit-transform: rotate(0deg);
    to -webkit-transform: rotate(360deg);

【讨论】：

谢谢老兄真的很感激

前几天我也注意到了，这完全是在玩我的脑袋。