0

各項目がスライドした後に一時停止して、div の各要素を次々とスライドさせたいと思います。以下は私のコードが添付されています。
$(関数 () {

$('.tick').each(関数 () {

var $self = $(これ);

var t1 = 新しい TimelineLite();

t1.to($self, .5, { x: 100, ease: Cubic.easeInOut });

t1.pause();

t1.resume();

});'

機能は次のとおりです。一度にすべてのアイテムをスライドさせます。各アイテムがスライドした後、一時停止しません...コードの問題は何ですか?

ありがとうございます。それでは、お元気で、

バニー

4

2 に答える 2

0

何が起こっているかというと、あなたが電話をかけpause()ていて、そのresume()直後にあなたが電話をかけているということです。

できることは、別のto()トゥイーンを追加して、空のtargetandvarsオブジェクトを渡すだけです。そして、duration必要な一時停止時間に設定します。

// pause timeline for 5 seconds 
t1.to({}, 5, {});

参照: GreenSock フォーラム トピック - 一時停止遅延待機をタイムラインに挿入する

お役に立てれば！:)

于 2014-09-04T20:01:51.630 に答える
0 
var delayTween = 0.1;   // your pause time in seconds
var tweenArr = [];

// I have put this line outside of each block because it will re insatiate t1 all the time, and we require to initialise it only once
var t1 = new TimelineLite();

$('.tick').each(function () {

    // var $self = $(this);     
    // there is no need to bind this to jquery object because tweenmax works well with "this" (html element)

    tweenArr.push(
        TweenMax.to(this,0.5,{x:100,ease:Cubic.easeInOut});
    );

});

t1.add(
    tweenArr,
    '+=0',
    "sequance",
    delayTween
);
于 2013-09-09T12:42:00.233 に答える