回答編集履歴
2
playground の最初のページ誤り修正
test
CHANGED
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
```
|
|
26
26
|
|
|
27
27
|
### 参考
|
|
28
|
-
- [上記の対応をした playground](https://livecodes.io/?x=id/
|
|
28
|
+
- [上記の対応をした playground](https://livecodes.io/?x=id/wm45db7g37a)
|
|
29
29
|
- [.fadeToggle() | jQuery API Documentation](https://api.jquery.com/fadeToggle/)
|
|
30
30
|
- [.promise() | jQuery API Documentation](https://api.jquery.com/promise/)
|
|
31
31
|
- [async function 式 - JavaScript | MDN](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/async_function)
|
1
言い回しの修正 async function についての明言
test
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
まず、 fadeToggle は アニメーションが完了した後に display が変更されるのでアニメーションを完了するまで待つ必要があります。
|
|
2
2
|
|
|
3
|
-
jQuery は .promise() でアニメーション後に完了する Promise を返すので次の様にすればいいのではないでしょうか？
|
|
3
|
+
jQuery は .promise() でアニメーション後に完了する Promise を返すので await で待てる様に function を async function に変更した上で次の様にすればいいのではないでしょうか？
|
|
4
4
|
|
|
5
5
|
```js
|
|
6
6
|
$(".btn-space").on("click", ".btn",async function(){
|
|
@@ -28,3 +28,4 @@
|
|
|
28
28
|
- [上記の対応をした playground](https://livecodes.io/?x=id/qjv8ftbx6uz)
|
|
29
29
|
- [.fadeToggle() | jQuery API Documentation](https://api.jquery.com/fadeToggle/)
|
|
30
30
|
- [.promise() | jQuery API Documentation](https://api.jquery.com/promise/)
|
|
31
|
+
- [async function 式 - JavaScript | MDN](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/async_function)
|