teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

説明追記

2016/03/29 05:18

投稿

tkturbo
tkturbo

スコア5572

answer CHANGED
@@ -18,4 +18,5 @@
18
18
  onSlideBefore: function($slideElement, oldIndex, newIndex){
19
19
  var new_i = newIndex%4; // <=
20
20
  var nth = '4n+' + (new_i + 1); // <=
21
- ```
21
+ ```
22
+ 。。。おそらくスライド4枚なのに3の倍数で処理しようとしていたのが問題だったのかなぁ。

1

ソースの欠落分を追加

2016/03/29 05:18

投稿

tkturbo
tkturbo

スコア5572

answer CHANGED
@@ -11,7 +11,11 @@
11
11
  いろいろいじってみた結果、下記のように修正すると4<==>1間の動きも1->2->3の順で動くようになりましたが、理屈がついていかぬ。。。
12
12
 
13
13
  ```
14
+ onSliderLoad:function(currentIndex){
15
+ $('.slide').removeClass('active');
16
+ $('.slide_body > div:nth-child(4n+1)').addClass('active'); // <=
17
+ },
14
18
  onSlideBefore: function($slideElement, oldIndex, newIndex){
15
- var new_i = newIndex%4;
19
+ var new_i = newIndex%4; // <=
16
- var nth = '4n+' + (new_i + 1);
20
+ var nth = '4n+' + (new_i + 1); // <=
17
21
  ```