jquery - 使用 jQuery 随机播放图像 - 性能问题

Question

我创建了一个小型交互模块，用户可以在其中随机浏览图像。此模块工作正常(即使尚未优化)iOS 除外。如果用户只点击一张图片，则可以正确显示随机播放动画，但点击 随机播放 按钮时情况并非如此。

The demo here

随机播放按钮代码:

$("#shuffle").click(function(){
    $(".slide").each(function(){
        var target = $(this);
        shuffleThis(target);
    })
})

随机播放功能:

function shuffleThis(target, thisType){
for ( var i = 0; i < 5; i++ ) {
    if(i === 4){
        setTimeout(function() {
            var rand = randomizeIMG(thisType);
            var finalRand = rand.split(/_(.+)?/)[0];
            target.append( '<img src="assets/img/rds/'+ rand +'" />' );
            target.children("img:first").fadeOut("slow").remove();
        }, 75*i);   
    } else {
        setTimeout(function() {
            var rand = randomizeIMG(thisType);
            target.append( '<img src="assets/img/rds/'+ rand +'" />' );
            target.children("img:first").remove();
        }, 75*i);
    }   
}}

iOS 似乎无法重新绘制 DOM。可能是 setTimout 问题。

iOS下如何提升效果？

Answer 1

对我来说，这看起来像是 iOS 下 setTimeouts 的一个已知问题。也许this帮助？

编辑: 要尝试的另一件事可能是这个 https://stackoverflow.com/a/10991974/1360368