Bagaimana untuk Menentukan Keterlihatan .loading Divs Semasa Pemuatan Data Dinamik?

Menemui Keterlihatan .loading Divs untuk Pemuatan Data Dinamik

Dalam pembangunan web menggunakan jQuery, memuatkan lebih banyak data secara dinamik seperti yang pengguna boleh tatal meningkatkan pengalaman pengguna. Walau bagaimanapun, dalam senario dengan berbilang div .loading, mengenal pasti yang mana satu yang boleh dilihat pada masa ini menjadi satu cabaran.

Untuk menangani perkara ini, adalah penting untuk memantau kedudukan tatal dan menyemak sama ada div .loading kelihatan. Satu pendekatan ialah menggunakan fungsi skrol jQuery. Apabila pengguna menatal ke bawah halaman, fungsi ini akan dilaksanakan secara berterusan.

Dalam fungsi ini, kita perlu menentukan sama ada pengguna telah sampai ke bahagian bawah halaman. Ini boleh dicapai dengan membandingkan:

• $(window).scrollTop(): Kedudukan tatal menegak tetingkap
• $(document).height(): Jumlah ketinggian daripada dokumen
• $(window).height(): Ketinggian tetingkap yang boleh dilihat

Apabila kedudukan tatal sama dengan ketinggian dokumen tolak ketinggian yang boleh dilihat, ia menunjukkan pengguna telah menatal ke bawah.

Setelah syarat ini dipenuhi, panggilan Ajax boleh dibuat untuk mengambil set data seterusnya daripada pelayan. Permintaan ini hendaklah tidak segerak untuk mengelakkan pembekuan antara muka pengguna. Semasa menunggu respons, penunjuk pemuatan boleh dipaparkan sebagai ganti div .loading.

Setelah menerima respons pelayan, data yang baru diperoleh boleh dilampirkan pada div .loading yang sesuai. Ini menyediakan data tambahan dengan lancar semasa pengguna menatal, memastikan pengalaman pengguna yang lancar dan dioptimumkan.

Atas ialah kandungan terperinci Bagaimana untuk Menentukan Keterlihatan .loading Divs Semasa Pemuatan Data Dinamik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!