質問編集履歴

1

Javascriptファイルを追加しました

2020/05/09 03:13

投稿

reo_k
reo_k

スコア0

test CHANGED
File without changes
test CHANGED
@@ -110,6 +110,220 @@
110
110
 
111
111
  ### 該当のソースコード
112
112
 
113
+ $(document).on('turbolinks:load', function(){
114
+
115
+ $('.fa-list').click(function() {
116
+
117
+ $('.ladder-menu').fadeIn();
118
+
119
+ $(this).css('display', 'none');
120
+
121
+ $('.fa-times').css('display', 'block')
122
+
123
+ });
124
+
125
+
126
+
127
+ $('.fa-times').click(function(){
128
+
129
+ $('.ladder-menu').fadeOut();
130
+
131
+ $(this).css('display', 'none');
132
+
133
+ $('.fa-list').css('display', 'block')
134
+
135
+ });
136
+
137
+
138
+
139
+ $('.open').click(function() {
140
+
141
+ $(this).hide();
142
+
143
+ $(this).nextAll('.favo-items').slideDown();
144
+
145
+ $(this).next('.close').show();
146
+
147
+ })
148
+
149
+
150
+
151
+ $('.close').click(function() {
152
+
153
+ $(this).hide();
154
+
155
+ $(this).nextAll('.favo-items').slideUp();
156
+
157
+ $(this).prev('.open').show();
158
+
159
+ })
160
+
161
+
162
+
163
+ $('.rateYo-understanding').rateYo({
164
+
165
+ starWidth: "20px",
166
+
167
+ rating: Number($(".rateYo-understanding").data('star')),
168
+
169
+ halfStar: true,
170
+
171
+ readOnly: true,
172
+
173
+ ratedFill: '#2AC926'
174
+
175
+ });
176
+
177
+
178
+
179
+ $('.rateYo-getting').rateYo({
180
+
181
+ starWidth: "20px",
182
+
183
+ rating: Number($(".rateYo-getting").data('star')),
184
+
185
+ halfStar: true,
186
+
187
+ readOnly: true,
188
+
189
+ ratedFill: '#2AC926'
190
+
191
+ });
192
+
193
+
194
+
195
+ $('.rateYo-interest').rateYo({
196
+
197
+ starWidth: "20px",
198
+
199
+ rating: Number($(".rateYo-interest").data('star')),
200
+
201
+ halfStar: true,
202
+
203
+ readOnly: true,
204
+
205
+ ratedFill: '#2AC926'
206
+
207
+ });
208
+
209
+
210
+
211
+ $('.rateYo-all').rateYo({
212
+
213
+ starWidth: "25px",
214
+
215
+ rating: Number($(".rateYo-all").data('star')),
216
+
217
+ halfStar: true,
218
+
219
+ readOnly: true,
220
+
221
+ ratedFill: '#FF3D00'
222
+
223
+ });
224
+
225
+
226
+
227
+ $('.rateYo-all-lectures').rateYo({
228
+
229
+ starWidth: "18px",
230
+
231
+ rating: Number($(".rateYo-all-lectures").data('star')),
232
+
233
+ halfStar: true,
234
+
235
+ readOnly: true,
236
+
237
+ ratedFill: '#FF3D00'
238
+
239
+ });
240
+
241
+
242
+
243
+
244
+
245
+
246
+
247
+
248
+
249
+ var bar = new ProgressBar.Line(container, {
250
+
251
+ strokeWidth: 4,
252
+
253
+ easing: 'easeInOut',
254
+
255
+ duration: 1400,
256
+
257
+ color: '#FFEA82',
258
+
259
+ trailColor: '#eee',
260
+
261
+ trailWidth: 3,
262
+
263
+ svgStyle: {width: '100%', height: '100%'},
264
+
265
+ from: {color: '#6DACE5'},
266
+
267
+ to: {color: '#057FF0'},
268
+
269
+ step: (state, bar) => {
270
+
271
+ bar.path.setAttribute('stroke', state.color);
272
+
273
+ }
274
+
275
+ });
276
+
277
+
278
+
279
+ bar.animate($("#container").data('progress')); // Number from 0.0 to 1.0
280
+
281
+
282
+
283
+ var bare = new ProgressBar.Line(condtainer, {
284
+
285
+ strokeWidth: 4,
286
+
287
+ easing: 'easeInOut',
288
+
289
+ duration: 1400,
290
+
291
+ color: '#FFEA82',
292
+
293
+ trailColor: '#eee',
294
+
295
+ trailWidth: 3,
296
+
297
+ svgStyle: {width: '100%', height: '100%'},
298
+
299
+ from: {color: '#6DACE5'},
300
+
301
+ to: {color: '#057FF0'},
302
+
303
+ step: (state, bare) => {
304
+
305
+ bare.path.setAttribute('stroke', state.color);
306
+
307
+ }
308
+
309
+ });
310
+
311
+
312
+
313
+ bare.animate($("#condtainer").data('progressed')); // Number from 0.0 to 1.0
314
+
315
+
316
+
317
+
318
+
319
+ })
320
+
321
+ ```ここに言語を入力
322
+
323
+
324
+
325
+ ```
326
+
113
327
 
114
328
 
115
329
  ```Ruby on Rails