質問編集履歴
4
ローディングのdivに画像を表示するJavascriptの処理が間違っていたため修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
<script>
|
|
45
45
|
$(document).ready( function(){
|
|
46
46
|
// ローディングのdivに画像を表示する場所を追加する。
|
|
47
|
-
$("#loading").
|
|
47
|
+
$("#loading").html('<img src="loading.gif">')
|
|
48
48
|
|
|
49
49
|
//時間のかかる処理を行う
|
|
50
50
|
hogehoge();
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
<script>
|
|
70
70
|
$(document).ready( function(){
|
|
71
71
|
// ローディングのdivに画像を表示する場所を追加する。
|
|
72
|
-
$("#loading").
|
|
72
|
+
$("#loading").html('<img src="loading.gif">')
|
|
73
73
|
|
|
74
74
|
//時間のかかる処理を行う(1秒後に実行する)
|
|
75
75
|
//ローディングのdivを消す処理もこの中に含めました
|
3
ご指摘を頂いたため、JQueryのバージョン情報を追加しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -84,13 +84,14 @@
|
|
|
84
84
|
- IEの仕様としてfunction実行時に描画を一時停止、終了時に一気に描画をしているのではないか
|
|
85
85
|
（GoogleChromeはコード単位で随時描画しているからローディングGIFのアニメーションが動くのでは？）
|
|
86
86
|
|
|
87
|
-
### 備考
|
|
87
|
+
### 備考(バージョン情報等)
|
|
88
88
|
|
|
89
89
|
- IEのバージョンは『11』です。
|
|
90
90
|
- クライアントの要望で、ブラウザはIE11固定です。
|
|
91
91
|
- ユーザに処理時間を意識させないための処置なので、ローディングのGIFでなくともよいです。
|
|
92
92
|
- async/Await等はIE対応していないため使ってません（そもそも今回の問題はブラウザの仕様だと思っているからです）
|
|
93
93
|
async/Awaitなどの非同期処理を使えば直るということであればBabelの使ってコンパイルすることも視野に入れていきたいです
|
|
94
|
+
- JQuery3.3.1を使用しています
|
|
94
95
|
|
|
95
96
|
### 参考にさせていただいたサイト
|
|
96
97
|
[ページ読み込み中にローディング画面を表示する](http://gimmicklog.main.jp/jquery/278/)
|
2
備考を追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -89,6 +89,8 @@
|
|
|
89
89
|
- IEのバージョンは『11』です。
|
|
90
90
|
- クライアントの要望で、ブラウザはIE11固定です。
|
|
91
91
|
- ユーザに処理時間を意識させないための処置なので、ローディングのGIFでなくともよいです。
|
|
92
|
+
- async/Await等はIE対応していないため使ってません（そもそも今回の問題はブラウザの仕様だと思っているからです）
|
|
93
|
+
async/Awaitなどの非同期処理を使えば直るということであればBabelの使ってコンパイルすることも視野に入れていきたいです
|
|
92
94
|
|
|
93
95
|
### 参考にさせていただいたサイト
|
|
94
96
|
[ページ読み込み中にローディング画面を表示する](http://gimmicklog.main.jp/jquery/278/)
|
1
誤字修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
|
|
59
59
|
### 試したこと③（時間のかかる処理をsetTimeoutで非同期にする）
|
|
60
60
|
|
|
61
|
-
- 結果：時間のかかる処理
|
|
61
|
+
- 結果：時間のかかる処理を実行するまで（1秒後）はローディングGIFのアニメーションが動きました
|
|
62
62
|
|
|
63
63
|
```HTML
|
|
64
64
|
<body>
|