Tôi đang xây dựng một ảnh xem bằng một plugin jQuery có tên là jquery-treeview. Việc xây dựng cây treeview này mất rất nhiều thời gian (khoảng 5-7 giây) và tôi muốn hiển thị bánh xe quay hoặc thanh tiến trình khi trang đang tải. Có ai biết làm thế nào để làm điều đó? Tôi chỉ tìm thấy các giải pháp để tải video hoặc hình ảnh nơi mà nó được biết có bao nhiêu dữ liệu đã được tải.Hiển thị bánh xe quay hoặc thanh tiến trình khi trang web đang tải
Trả lời
Hiya thấy demo nàyhttp://jsfiddle.net/hEB7d/hayhttp://jsfiddle.net/Eh8tU/ (chỉ để hiển thị hình ảnh)
Bruv, cho thanh tiến trình thử twitter bootstrap, hay flick một số mã tôi có thể có thể thấy một sự giúp đỡ bạn ra ngoài .
Ý tưởng là mã biết khi nào on load
và on success
sẽ xảy ra cho đoạn mã của bạn và đặt tải hình ảnh ở giữa quá trình đó.
jsFiddle của bạn không hoạt động với tôi: ( – Shikiryu
@Shikiryu cooleos, gimme 2 phút, sẽ ping bạn sớm! :) điều này xảy ra vì tải hình ảnh xảy ra quá nhanh, hãy xem điều này: http://jsfiddle.net/Eh8tU/ mà hình ảnh tải sẽ xuất hiện trước khi hình ảnh thực tế sẽ hiển thị :) nếu bạn thêm điều này trong mã của bạn điều này sẽ làm việc, có một tốt đẹp, cổ vũ! p.s. Tôi đang cố gắng để xây dựng sự chậm trễ ở giữa để cho bạn thấy một mẫu nếu tôi có thể :) –
Hãy thử trang web này:
http://fgnass.github.com/spin.js/
Bạn có thể tạo một spinner của sự lựa chọn của bạn và sau đó họ đưa ra ví dụ về cách sử dụng nó dưới đây.
Hy vọng điều đó sẽ giúp ích cho bạn :)
đẹp! Cảm ơn nhiều – macool
- 1. Hiển thị thanh tiến trình khi Hoạt động đang tải
- 2. hiển thị thanh tiến trình khi đang sử dụng git
- 3. Cách hiển thị thanh tiến trình trên trang web cho đến khi trang web được tải đầy đủ?
- 4. hiển thị thanh tiến trình trong khi tải các trang bằng cách sử dụng jquery ajax trong trang web đơn
- 5. Hiển thị thanh tiến trình trong khi loại trực tiếp đang hiển thị chế độ xem
- 6. Cách hiển thị hộp thoại "bận" (quay bánh xe) trên Điện thoại thông minh
- 7. Chỉ hiển thị thanh tiến trình wget?
- 8. Hướng dẫn quay bánh xe Android?
- 9. cách hiển thị thanh tiến trình trước khi phát video
- 10. Hoạt hình thanh tiến trình tải trang Bootstrap
- 11. Các trang web bánh xe màu CSS tốt nhất
- 12. cách hiển thị thanh tiến trình trên chế độ xem web?
- 13. Cách hiển thị hộp thoại tiến trình trong khi trang HTML được tải trong WebView
- 14. Cách hiển thị Thanh tiến trình không xác định ngang của Android
- 15. Lịch sử Api: Cách thông báo cho trình duyệt biết rằng trang đang tải?
- 16. Android: Google MapView hiển thị chỉ báo tiến trình trong khi đang tải bản đồ
- 17. Android - hiển thị văn bản ở giữa thanh tiến trình
- 18. Đợi tải phông chữ trước khi hiển thị trang web
- 19. ASP.NET - Hiển thị thông báo khi trang đang tải
- 20. Cách hiển thị thông báo tải khi iFrame đang tải?
- 21. AVPlayerLayer - Lập trình lại bánh xe?
- 22. Thanh tiến trình hiển thị tại thời điểm xử lý
- 23. Cuộn trang dọc mượt mà bằng cách sử dụng bánh xe chuột và thanh cuộn
- 24. hiển thị thanh tiến trình trong hộp thoại cảnh báo
- 25. Cách hiển thị thanh tiến trình trên đầu trang của một điều khiển trong WPF
- 26. Bánh xe quay vòng CSS dừng sau 5 giây?
- 27. Django - hiển thị tiến trình hành động
- 28. Hiển thị JPEG tiến bộ trong Flash trong khi đang tải
- 29. Đang tải/Hiển thị số lượng lớn dữ liệu trên trang web
- 30. Làm cách nào để tải lên tệp qua ASP.NET MVC và hiển thị thanh tiến trình?
Xin lỗi vì âm thanh gây phiền toái, nhưng 5-7 giây để tải trang web gây đau cho người dùng. Vui lòng xem xét tối ưu hóa, chẳng hạn như chỉ xây dựng cấp cao nhất của cây lúc đầu. –