0
ここにGSAPが新しくなりました。ボタンをクリックするとアニメーションを一時停止しようとしていますが、何らかの理由で変数がTweenMax.staggerFromメソッドを参照しているときにアニメーションを一時停止できません。私が理解しているところでは、pause（）メソッドを使うのは、メソッドをトゥイーンを参照する変数に取り付けるのと同じくらい簡単です。これがなぜ起こっているのか？以下TweenMaxのpause（）が機能していません
関連するコード（私はGSAPとjQueryを使用しています）
JS：
$(document).ready(function(){
TweenMax.from("#from",5,{opacity:0,y:-200});
var tween=TweenMax.staggerFrom(".square",3, {y:200, scale:0, backgroundColor:'#ff0000', delay:0.5},2);
$("#pause").click(function(){
tween.pause();
});
});
私はコンソールから取得していますエラーがUncaught TypeError: tween.pause is not a function(…)です。
関連するHTML
<style>
.square{
width:110px;
height:110px;
background-color:#A58760;
position:relative;
margin:10px;
display:inline-block;
}
</style>
<body>
<div id="from" class="center"> <img src="the_lady_eve.jpg" alt="eve" width="500px">
</div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<br>
<button id="pause"> Pause Squares </button>
<!--When I click this button, I pause the square animation. !-->
</body>
<script src="GSAP_playPause.js"></script>
私はこのコードを使用するとき、私は#fromを一時停止することができ気づきます。
$（ドキュメント）.ready（関数（）{
var tween=TweenMax.from("#from",5,{opacity:0,y:-200});
TweenMax.staggerFrom(".square",3, {y:200, scale:0, backgroundColor:'#ff0000', delay:0.5},2);
$("#pause").click(function(){
tween.pause();
});
});
'staggerFrom'、' staggerFromTo'、 'staggerTo'と私のようにそれを使用します他のいくつかの静的メソッドも、単一のトゥイーンではなく、トゥイーンの 'Array'を返すと考えているので、' pause（） 'メソッドは配列では利用できません。** [docs]（http://greensock.com/ docs /＃/ HTML5/GSAP/TweenMax/staggerFrom /）** 。 –
しかし、 'TimelineMax'インスタンスを使ってアニメーションのシーケンス全体をさらに制御することができます。 ** [例]（https://jsfiddle.net/tahirahmed/fk89rf1j/）**。 –
待ち、 'staggerFrom'のターゲットが' pause（） 'がうまくいかない理由、または' staggerFrom'が配列を返すので、それはターゲットですか？ –