回答編集履歴
5
typosyuus
answer
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
if (scroll > imgPos - windowHeight + windowHeight / 3){
|
|
16
16
|
// ここに処理を書く
|
|
17
|
-
|
|
17
|
+
deferredArr.push( $(this).delay(200).css("visibility","visible").animate({opacity: 1}, 1000));
|
|
18
18
|
}
|
|
19
19
|
} );
|
|
20
20
|
return $.when( ...deferredArr );
|
4
typo修正（多すぎ）
answer
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
`$(".as").each(...)`は、アニメーションの実行開始であり、その後すぐに`resolve();`を実行していますから、Promiseの解決がアニメーション終了を意味しません。
|
|
2
2
|
|
|
3
|
-
幸いなことに`jQuery.Deferred`はPromise-compatibleで、`await`はダッ
|
|
3
|
+
幸いなことに`jQuery.Deferred`はPromise-compatibleで、`await`はダックタイピング的な振る舞いをしますので、`Promise`を省略して`$.when()`に直接`await`を書くことができます。[ただし、jQueryのバージョンに注意してください
|
|
4
4
|
](https://stackoverflow.com/questions/23744612/problems-inherent-to-jquery-deferred-jquery-1-x-2-x/23744774)
|
|
5
5
|
|
|
6
6
|
こんな感じで動作するはずです。（動作未確認）
|
3
typo修正
answer
CHANGED
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
if (scroll > imgPos - windowHeight + windowHeight / 3){
|
|
16
16
|
// ここに処理を書く
|
|
17
17
|
deffeedArr.push( $(this).delay(200).css("visibility","visible").animate({opacity: 1}, 1000));
|
|
18
|
+
}
|
|
18
19
|
} );
|
|
19
20
|
return $.when( ...deferredArr );
|
|
20
21
|
}
|
2
追記
answer
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
`$(".as").each(...)`は、アニメーションの実行開始であり、その後すぐに`resolve();`を実行していますから、Promiseの解決がアニメーション終了を意味しません。
|
|
2
2
|
|
|
3
|
-
幸いなことに`jQuery.Deferred`はPromise-compatibleで、`await`はダッグタイピング的な振る舞いをしますので、`Promise`を省略して`$.when()`に直接`await`を書くことができます。
|
|
3
|
+
幸いなことに`jQuery.Deferred`はPromise-compatibleで、`await`はダッグタイピング的な振る舞いをしますので、`Promise`を省略して`$.when()`に直接`await`を書くことができます。[ただし、jQueryのバージョンに注意してください
|
|
4
|
+
](https://stackoverflow.com/questions/23744612/problems-inherent-to-jquery-deferred-jquery-1-x-2-x/23744774)
|
|
4
5
|
|
|
5
6
|
こんな感じで動作するはずです。（動作未確認）
|
|
6
7
|
```js
|
1
typo修正
answer
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
`$(".as").each(...)`は、アニメーションの実行開始であり、その後すぐに`resolve();`を実行していますから、Promiseの解決がアニメーション終了を意味しません。
|
|
2
2
|
|
|
3
|
-
幸いなことに`jQuery.Deferred`はPromise-compatibleで、`await`はダッグタイピング的な振る舞いをしますので、`
|
|
3
|
+
幸いなことに`jQuery.Deferred`はPromise-compatibleで、`await`はダッグタイピング的な振る舞いをしますので、`Promise`を省略して`$.when()`に直接`await`を書くことができます。（ただし、jQueryのバージョンに注意してください）
|
|
4
4
|
|
|
5
5
|
こんな感じで動作するはずです。（動作未確認）
|
|
6
6
|
```js
|