javascript - iphone删除模式下app抖动的算法

Question

有没有人知道是否有一种开源算法可以操纵对象的 (x,y) 坐标，类似于 iPhone 在主屏幕上所有应用程序图标都在抖动的删除模式？我们正在尝试使用 javascript/jquery 对此进行模拟，因此我们更喜欢使用 js 的算法，但我想如果已经开发了该算法但使用另一种语言，则移植起来不会那么困难。

Answer 1

我不记得 iPhone 在删除模式下的具体晃动情况，但希望您可以调整以下脚本中的值以满足您的目的。它提供元素中的随机 X/Y 移动，前提是该元素上有 shaking 类。

function randomRange(lowerRange, upperRange) {
    return Math.floor(Math.random() * (upperRange - lowerRange + 1)) + lowerRange;
}

function shakeElement(elem) {
    if ($.data($(elem)[0], "pos") === undefined) {
        $.data($(elem)[0], "pos", {
            top: $(elem).position().top,
            left: $(elem).position().left
        });
    }

    if($(elem).hasClass("shaking")) {
        $(elem).animate({
            top: $.data($(elem)[0], "pos").top + randomRange(-8, 8),
            left: $.data($(elem)[0], "pos").left + randomRange(-8, 8)
        }, 100, function() {
            shakeElement(this);
        });
    }
}

$(".shaking").each(function() {
    shakeElement(this);
});

这是一个有效的 jsFiddle demo为你。