回答編集履歴
1
修正
test
CHANGED
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
|
|
87
87
|
JS側では、カスタムデータ属性で取得とグループ化を行います。
|
|
88
88
|
|
|
89
|
-
ロード時に事前処理は全て済ませるので、イベント時には
|
|
89
|
+
ロード時に事前処理は全て済ませるので、イベント時には事前処理に基づいたクラスの付け替えを行うだけで良いです。
|
|
90
90
|
|
|
91
91
|
```javascript
|
|
92
92
|
|
|
@@ -104,17 +104,17 @@
|
|
|
104
104
|
|
|
105
105
|
init: function() {
|
|
106
106
|
|
|
107
|
-
this.number = this.$select.data('cause');
|
|
107
|
+
this.number = this.$select.data('cause'); //カスタムデータ属性の番号を取得
|
|
108
108
|
|
|
109
109
|
this.$option = this.$select.find('option');
|
|
110
110
|
|
|
111
|
-
this.selectClassList = this.getClassList();
|
|
111
|
+
this.selectClassList = this.getClassList(); // 対応するselect内のクラス名を配列として取得
|
|
112
112
|
|
|
113
|
-
this.selectClassNameAll = this.selectClassList.join(' ');
|
|
113
|
+
this.selectClassNameAll = this.selectClassList.join(' '); // removeClassで使う形にするために間に半角スペースを入れて結合。
|
|
114
114
|
|
|
115
115
|
this.$targetAll = $('[data-effect]');
|
|
116
116
|
|
|
117
|
-
this.$target = this.getTarget(this.number);
|
|
117
|
+
this.$target = this.getTarget(this.number); // クラスを付け替えるターゲットの取得
|
|
118
118
|
|
|
119
119
|
|
|
120
120
|
|