現状
riot.js mount関数時にajaxにて情報を取ってくる
this.on('mount', function () { this.Ajax(); }); Ajax() { Ajax.post(URL, function () { //Ajax操作 }.bind(this), function () { this.update(); const el = document.getElementsByClassName('loading'); //ローディングアニメーション画像の要素 Display.hide(el); //ローディングアニメーション画像消す }.bind(this));
問題点
①ajaxにて情報取得
↓
②ローディング画像消える
↓
③[ここポイント]htmlの読み込みが重く(日本語のフォントファイルの読み込みが理由)、ローディング画像消えた後もhtml読み込みが続いてしまう
実現したいこと
Ajaxで取得した情報がrenderingされた後に、ローディング画像非表示にするコードを実行したい
試してみたこと
ajax情報取得 + htmlの読み込みも終了
↓
その後にローディング画像削除する必要有
Ajax() { Ajax.post(URL, function () { //Ajax操作 }.bind(this), function () { this.update(); window.onload = function() { // *** ここ追加 *** const el = document.getElementsByClassName('loading'); //ローディングアニメーション画像の要素 Display.hide(el); //ローディングアニメーション画像消す } }.bind(this));
これだとキャッシュ削除した場合は上手くいきますが、単にreloadした場合はwindow.onload関数が実行されません
ここから止まってしまっているので、ご質問させていただきました。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。