データ属性を介して選択したliを実行するforループがあります。
Lisの各グループに千鳥状のフェードインを持たせたいです。これは、アニメーションをの中に入れるまでは問題なく機能しsetTimeout
ます。各liをループする代わりに、番号5に固執します。
JS:
for (i=0;i<6;i++) {
console.log(thisI);
var thisLi = $("li[data-order='"+i+"']");
setTimeout(function() {
TweenMax.to(thisLi,0.4, {css:{opacity:1}});
},200*i);
}
HTMl
<li data-order="1">sometext</li>
<li data-order="1">sometext</li>
<li data-order="2">sometext</li>
<li data-order="3">sometext</li>
<li data-order="2">sometext</li>
<li data-order="3">sometext</li>
CSS
li {
opacity:0;
}
console.log(thisLi);
これが私が中にいるときのクロムログですsetTimeout
:
<li data-order="5" style="opacity: 0.11640000000000006; ">…</li>
,
<li data-order="5" style="opacity: 0.11640000000000006; ">…</li>
]