Bagaimanakah saya boleh membuat fungsi acara `resize` jQuery dilaksanakan sekali sahaja selepas mengubah saiz?

Memanggil jQuery RESIZE Event Hanya Sekali Selepas Resize

Apabila bekerja dengan jQuery resize event function, anda mungkin menghadapi situasi di mana anda mahukan fungsi tersebut untuk melaksanakan sekali sahaja apabila penyemak imbas selesai mengubah saiz. Walau bagaimanapun, tingkah laku lalai ialah memanggil fungsi secara berterusan semasa proses mengubah saiz.

Untuk mengatasinya, anda boleh menggunakan teknik yang dipanggil "menyahlantun." Begini caranya:

1. Tetapkan Selang:
   Mulakan fungsi bermasa menggunakan setInterval() untuk menyemak sama ada penyemak imbas masih mengubah saiz. Tetapkan selang yang munasabah, seperti 50-100 milisaat.
2. Selang Kosong:
   Jika penyemak imbas tidak mengubah saiz lagi (mis., pengguna telah berhenti menyeret tepi tetingkap), kosongkan selang yang dibuat dalam langkah 1 menggunakan clearInterval(). Ini memastikan bahawa fungsi hanya akan dipanggil sekali.
3. Laksanakan Nyahlantun:
   Dalam fungsi setInterval(), lakukan semakan untuk menentukan sama ada penyemak imbas masih mengubah saiz. Gunakan kod berikut sebagai contoh:

$(window).resize(() => {
  let timer;
  if (timer) {
    clearTimeout(timer);
  }
  timer = setTimeout(() => {
    // Your code to execute after resizing is complete
  }, 50);  // Adjust the delay as per your requirement
});

4. Mulakan Fungsi Nyahlantun:
   Cetuskan fungsi nyahlantun dengan memanggilnya serta-merta selepas menetapkan pendengar acara ubah saiz . Ini memastikan bahawa fungsi itu dilaksanakan sekali apabila halaman dimuatkan.

Dengan melaksanakan teknik ini, anda boleh memanggil fungsi acara ubah saiz sekali selepas penyemak imbas selesai mengubah saiz, dengan berkesan menyelesaikan isu fungsi berterusan panggilan semasa proses mengubah saiz.

Atas ialah kandungan terperinci Bagaimanakah saya boleh membuat fungsi acara `resize` jQuery dilaksanakan sekali sahaja selepas mengubah saiz?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!