2016-08-28 16 views
6

Mam 2 strony, gdy ładowanie drugiej strony na pierwszej stronie, JavaScript tych stron działa po wszystkich skryptach JavaScript i ładuje się bardzo powoli. Napisałem poniższy kod, aby pokazać spinner do momentu całkowitego załadowania drugiej strony. Ale spinner nie działa. Oto mój kod:JavaScript w Ajax ładuje się bardzo powoli

<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

Czy próbowałeś zalogować się do '$ ('. Tourajaxi')'? Możliwe, że DOM nie jest renderowany. Spróbuj wyświetlać spinner na '$ (document) .ready()' – Rajesh

+0

@inaz hi może być większe i dlatego, że ładujesz całą stronę za pomocą metody $ .load(), więc mogę być trochę powolny –

+0

kiedy używam dokumentu .ready() css i html drugiej strony load.but javascripts nie są renderowane i ładują się bardzo wolno. Chcę uruchomić całą moją drugą stronę w tym samym czasie – inaz

Odpowiedz

1

przypuszczenie, ponieważ nie obejmowały żadnych HTML:

Twój skrypt jest w <head> dokumentu i próbuje stosować HTML do elementu „tourajaxi” , ale ten element nie istnieje, dopóki nie załaduje się reszta dokumentu.