2016-08-28 8 views
6

2ページ目、2ページ目が最初のページに読み込まれると、そのページのJavaScriptがすべてのJavaScriptの後に実行され、読み込みが非常に遅くなります。私はスピナーを2ページ目まで完全に表示するために以下のコードを書きました。しかし、スピナーは機能しません。あなたが任意のHTMLが含まれていないので、AjaxのJavascriptは非常にゆっくり読み込まれます

<script> 
    $('.tourajaxi').html('<i class="fa fa-spinner fa-pulse fa-3x fa-fw" ></i><span class="sr-only">Loading ...</span>'); 
    $(window).load(function() { 
    $('.tourajaxi').load('/toursajax.bc?gid=325'); 
    }); 
    </script> 
+0

'$( '。tourajaxi')'をログに記録しましたか? DOMがレンダリングされない可能性があります。 '$(document).ready()'にスピナーを表示してみてください。 – Rajesh

+0

@inazこんにちは、大きなデータがあるかもしれませんし、$ .load()メソッドを使ってページ全体を読み込んでいるので少し遅いかもしれません –

+0

.ready()第2ページのCSSとHTMLはロードされませんが、javascriptはレンダリングされず、ロードは非常に遅いです。私は同時にすべての2番目のページを実行したい – inaz

答えて

1

推測: はここに私のコードです

あなたのスクリプトは文書の<head>であり、かつ要素「tourajaxi」にHTMLを適用しようとしますその要素は、ドキュメントの残りの部分が読み込まれるまで存在しません。

関連する問題