2016-08-28 15 views
6

Tôi có 2 trang, khi trang thứ hai tải trong trang đầu tiên, mã JavaScript của các trang đó chạy sau tất cả JavaScript và tải rất chậm. Tôi đã viết đoạn code dưới đây để hiển thị spinner cho đến khi tải trang thứ hai hoàn toàn. Nhưng máy quay không hoạt động. Đây là mã của tôi:Javascript trong Ajax tải rất chậm

<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

Bạn đã thử đăng nhập '$ ('. Tourajaxi')'? Khả năng là bạn DOM không được trả lại. Hãy thử hiển thị spinner trên '$ (document) .ready()' – Rajesh

+0

@inaz hi có thể bạn có dữ liệu lớn hơn và vì bạn đang tải toàn bộ trang với phương thức $ .load() để tôi có thể hơi chậm –

+0

khi tôi sử dụng tài liệu .ready() css và html của trang thứ hai load.but javascripts không trả lại, và tải rất chậm. Tôi muốn chạy tất cả các trang thứ hai của tôi cùng một lúc – inaz

Trả lời

1

Một đoán, vì bạn đã không bao gồm bất kỳ HTML:

Kịch bản của bạn là trong <head> của tài liệu, và cố gắng áp dụng HTML để các yếu tố "tourajaxi" , nhưng phần tử đó không tồn tại cho đến khi phần còn lại của tài liệu được tải.