KazmaArakaki score 97
2017/08/21 00:59 投稿
| ご質問のコードにコメントをつけてみました。 |
| ``` |
| /* menuItemの個数分ループする */ |
| for (var i = 1; i <= menuItem.length; i++) { |
| /* 現在進行中のアニメーションを中断して別のアニメーションを実行する */ |
| menuItem.eq(i - 1).stop().animate({ |
| /* center 属性を openPosition の値に変更する（アニメーション） */ |
| 'center': openPosition` |
| /* アニメーションの動作時間 */ |
| }, speedItem); |
| } |
| ``` |
| だいたい下のコードと動きは同じはずです。`t`は親関数`menuSlide`の引数です。 |
| ``` |
| var menuItem = $(t).find("li"); |
| menuItem.stop(); |
| menuItem.animate({ |
| "center": 0 |
| }, 300); |
| ``` |
| > for文の部分が何の働きをしているのかが、いまいちわかりません。そもそもこちらは必要なのでしょうか？ |
| 不要かと思われます。 |
| ### 参考 |
| * [stop() - jQuery 日本語リファレンス](http://semooh.jp/jquery/api/effects/stop/_/) |
| * [animate(params, [duration], [easing], [callback]) - jQuery 日本語リファレンス](http://semooh.jp/jquery/api/effects/animate/params%2C+%5Bduration%5D%2C+%5Beasing%5D%2C+%5Bcallback%5D/) |
