1

jQuery UI イージングを使用して、ページに 6 つの要素を配置し、落下および跳ね返す関数があります。

function drop_points(){
        $('.pointer').animate({
            top : '+=400'   
        }, 700, 'easeOutBounce');
    };

現時点では、各要素が同時にドロップします。この関数を適用して、ランダムに次々とドロップさせる方法はありますか?

各ポインターのマークアップはそのままです...

<a href="#" class="pointer c1"></a>
<a href="#" class="pointer c2"></a>
<a href="#" class="pointer c3"></a>
etc...

私はコールバックを使用してそれらを個別にターゲットにできることを知っていますが、これは肥大化しているように見え、より良い代替手段があるかどうかに興味があります.

ありがとう

4

3 に答える 3

1 
var time = 700,
    // get the elements and "shuffle" them around
    pointer = $(".pointer").get().sort(function(a, b) {
        return Math.random() > 0.5;
    });

// drop them one after another
$.each(pointer, function(i, e) {
    setTimeout(function() {
        $(e).animate({
            top: "+=400"
        }, time);
    }, (i * time));
});

フィドル

于 2013-08-29T14:58:07.463 に答える