Bagaimanakah saya boleh Mencetuskan Tindakan Apabila Div Menjadi Kelihatan dalam jQuery?

Mencetuskan Tindakan Apabila Div Menjadi Kelihatan dalam jQuery

Apabila bekerja dengan jQuery dalam pembangunan web, adalah perkara biasa untuk melaksanakan tindakan tertentu apabila elemen DIV tertentu menjadi kelihatan. Untuk menangani keperluan ini, mari kita terokai cara melaksanakan pengendali acara "boleh dilihat" yang boleh memberitahu anda tentang perubahan keterlihatan.

Pseudokod yang anda berikan boleh dilaksanakan menggunakan pendekatan berikut:

$(function() {
  $('#contentDiv').on('show', function() {
    // Code to execute when the div becomes visible
  });
});

Acara 'pertunjukan' dicetuskan apabila elemen DIV tersembunyi kelihatan. Akibatnya, kod yang ditentukan anda hanya akan dilaksanakan apabila DIV sasaran sebenarnya dipaparkan.

Sebagai alternatif, anda boleh melanjutkan kaedah '.show()' asli dalam jQuery untuk memasukkan fungsi tambahan:

$.fn.extend({
  extendedShow: function() {
    this.trigger('beforeShow');
    this.show();
    this.trigger('afterShow');
    return this;
  }
});

Kaedah lanjutan ini menyalakan acara 'beforeShow' dan 'afterShow' sebelum dan selepas memaparkan elemen DIV, masing-masing.

Contoh penggunaan:

$('#contentDiv').extendedShow(function() {
  // Code to execute after the div is visible
});

Dengan melaksanakan salah satu pendekatan ini , anda boleh memantau keterlihatan elemen DIV tertentu dengan berkesan dan melaksanakan tindakan tersuai berdasarkan status keterlihatannya.

Atas ialah kandungan terperinci Bagaimanakah saya boleh Mencetuskan Tindakan Apabila Div Menjadi Kelihatan dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!