为什么jQuery Mobile 1.1-rc1使用.gif加载图标(再次)？

Question

在1.0.1中,微调器图标是一个用CSS旋转的png.对于我来说,这在Android 2.x上显得很顺利.

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

在Android上,动画.gifs对我来说很奇怪,在2.2.x和2.3.x上的速度不稳定,并且在2.1.x上不起作用

他们为什么要把它从一个改为另一个？没有使用CSS来旋转.png有什么好处,这对我来说似乎更加清晰和顺畅.

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

Answer 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);}
}