質問編集履歴

2

書式の改善

2017/08/26 08:39

投稿

Rin_
Rin_

スコア12

test CHANGED
File without changes
test CHANGED
@@ -1,10 +1,8 @@
1
- Jquery スライド切り替えプログラムついて質問
1
+ ```ここ言語を入力
2
-
3
-
4
2
 
5
3
  HTML
6
4
 
7
- <div class="change-btn prev-btn">← 前へ</div>
5
+ <div class="change-btn prev-btn">← 前へ</div>
8
6
 
9
7
  <div class="change-btn next-btn">次へ →</div>
10
8
 
@@ -78,6 +76,12 @@
78
76
 
79
77
 
80
78
 
79
+ ```Jquery スライド切り替えプログラムについて質問
80
+
81
+
82
+
83
+
84
+
81
85
  以上のプログラムで簡単なスライド画像の切り替えしているのですが
82
86
 
83
87
  何故正常に動いているのか理解できません。
@@ -86,11 +90,15 @@
86
90
 
87
91
  簡潔に書きますと
88
92
 
89
-
93
+ ```ここに言語を入力
90
94
 
91
95
  $displaySlide.removeClass('active');
92
96
 
93
97
  $displaySlide.next().addClass('active');
98
+
99
+
100
+
101
+ ```
94
102
 
95
103
  //activeクラスを取り除いた後に、$displaySlide.nextが正常に機能し、次の要素にactiveが追加できるのかがわかりません。 removeしたあとHTMLにはactiveクラスが存在しないため、nextメソッドがエラーになるのではないでしょうか
96
104
 

1

誤字

2017/08/26 08:39

投稿

Rin_
Rin_

スコア12

test CHANGED
File without changes
test CHANGED
@@ -46,7 +46,7 @@
46
46
 
47
47
  $('.change-btn').click(function() {
48
48
 
49
- // 変数$displaySlideを定義してください
49
+
50
50
 
51
51
  var $displaySlide = $('.active');
52
52
 
@@ -58,9 +58,7 @@
58
58
 
59
59
  $displaySlide.removeClass('active');
60
60
 
61
- // ifとelseを用いて、$displaySlideの前もしくは次の要素に
62
61
 
63
- // activeクラスをつけてください
64
62
 
65
63
  if ($(this).hasClass('next-btn')) {
66
64
 
@@ -94,7 +92,7 @@
94
92
 
95
93
  $displaySlide.next().addClass('active');
96
94
 
97
- //activeクラスを取り除いた後に、$displaySlide.nextが正常に機能し、次の要素にactiveが追加できるのかがわかりません。 removeしたあとの$displaySlideの値は空になっているのではないでしょうか
95
+ //activeクラスを取り除いた後に、$displaySlide.nextが正常に機能し、次の要素にactiveが追加できるのかがわかりません。 removeしたあとHTMLにはactiveクラスが存在しないため、nextメソッドがエラーになるのではないでしょうか
98
96
 
99
97
 
100
98