質問編集履歴
2
内容修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,8 +4,6 @@
|
|
4
4
|
|
5
5
|
|
6
6
|
|
7
|
-
### 私が書いたコード
|
8
|
-
|
9
7
|
```html
|
10
8
|
|
11
9
|
<!doctype html>
|
@@ -245,111 +243,3 @@
|
|
245
243
|
}
|
246
244
|
|
247
245
|
```
|
248
|
-
|
249
|
-
|
250
|
-
|
251
|
-
|
252
|
-
|
253
|
-
### 動作するjQueryのコード
|
254
|
-
|
255
|
-
|
256
|
-
|
257
|
-
```script
|
258
|
-
|
259
|
-
$(function(){
|
260
|
-
|
261
|
-
var b=$(".swipe-photo"),
|
262
|
-
|
263
|
-
f=b.find(".swipe-photo-container"),
|
264
|
-
|
265
|
-
j=b.find(".swipe-photo-item"),
|
266
|
-
|
267
|
-
e=j.find(".swipe-photo-thumbnail"),
|
268
|
-
|
269
|
-
h=e.width(),
|
270
|
-
|
271
|
-
a=j.length,
|
272
|
-
|
273
|
-
k=[],
|
274
|
-
|
275
|
-
d={x:undefined,thisX:undefined,startX:undefined,moveX:undefined};
|
276
|
-
|
277
|
-
|
278
|
-
|
279
|
-
for(var c=0;c<=a;c++){
|
280
|
-
|
281
|
-
k[c]=-c*h
|
282
|
-
|
283
|
-
}
|
284
|
-
|
285
|
-
|
286
|
-
|
287
|
-
$(".swipe-photo-container").width(h*a);
|
288
|
-
|
289
|
-
|
290
|
-
|
291
|
-
j.on({touchstart:function(i){
|
292
|
-
|
293
|
-
d.thisX=parseInt($(".swipe-photo-container").css("left"));
|
294
|
-
|
295
|
-
d.startX=i.originalEvent.changedTouches[0].pageX-d.thisX
|
296
|
-
|
297
|
-
},
|
298
|
-
|
299
|
-
|
300
|
-
|
301
|
-
touchmove:function(i){
|
302
|
-
|
303
|
-
i.preventDefault();
|
304
|
-
|
305
|
-
d.x=i.originalEvent.changedTouches[0].pageX;
|
306
|
-
|
307
|
-
|
308
|
-
|
309
|
-
if(d.x-d.startX>=0){
|
310
|
-
|
311
|
-
d.moveX=0
|
312
|
-
|
313
|
-
}else{
|
314
|
-
|
315
|
-
if(d.x-d.startX<=k[a-1]){
|
316
|
-
|
317
|
-
d.moveX=k[a-1]
|
318
|
-
|
319
|
-
}else{
|
320
|
-
|
321
|
-
d.moveX=d.x-d.startX
|
322
|
-
|
323
|
-
}
|
324
|
-
|
325
|
-
}
|
326
|
-
|
327
|
-
$(".swipe-photo-container").css({left:d.moveX})
|
328
|
-
|
329
|
-
},
|
330
|
-
|
331
|
-
|
332
|
-
|
333
|
-
touchend:function(n){
|
334
|
-
|
335
|
-
var m="";
|
336
|
-
|
337
|
-
|
338
|
-
|
339
|
-
for(var l=0;l<a;l++){
|
340
|
-
|
341
|
-
if(k[l]+(h/2)>d.moveX&&d.moveX>=k[l+1]+(h/2))
|
342
|
-
|
343
|
-
{m=l}}
|
344
|
-
|
345
|
-
$(".swipe-photo-container").animate({
|
346
|
-
|
347
|
-
left:k[m]
|
348
|
-
|
349
|
-
},400)}
|
350
|
-
|
351
|
-
})
|
352
|
-
|
353
|
-
});
|
354
|
-
|
355
|
-
```
|
1
タイトル変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
【jQuery】フリックの実装でなぜ「Uncaught TypeError」
|
1
|
+
【jQuery】フリックの実装でなぜ自分が書いたコードが「Uncaught TypeError」と表示されるのかを知りたいです。
|
test
CHANGED
File without changes
|