脚本在ipad和safari上很慢

Question

我有一个脚本可以使用数据attribuut为元素设置动画。这是剧本。

// fade in the elements one by one.
function showContent() {
    var toAnimate = $('.animate-content');
    // put in the correct order.
    toAnimate.sort(function(a, b) {
        return a.getAttribute('data-sequence') > b.getAttribute('data-sequence');
    });

    toAnimate.each(function(i) {
        $(this).delay(500 * i).fadeTo(1000, 1);
    });
}

// start fading in the elements after a delay.
setTimeout(showContent, 250);

但是这个脚本使得网站在iPad和Safari上变得非常慢。有谁知道我做错了什么？为什么这个脚本让我的网站变得缓慢

Answer 1

试试这个：

var toAnimate = $('.animate-content');
toAnimate.sort(function(a, b) {
    return a.getAttribute('data-sequence') > b.getAttribute('data-sequence');
});

function showContent() {
    toAnimate.each(function(i) {
        $(this).delay(500 * i).fadeTo(1000, 1);
    });
}

setTimeout(showContent, 250);