Bagaimanakah anda boleh mencetuskan tindakan apabila div menjadi kelihatan menggunakan jQuery?

Mencetuskan Tindakan Apabila Keterlihatan div menggunakan jQuery

Dalam jQuery, melampirkan pengendali acara yang melaksanakan kod tertentu apabila div menjadi kelihatan adalah mungkin. Untuk mencapainya, pertimbangkan untuk menggunakan pseudokod berikut:

$(function() {
  $('#contentDiv').isvisible(function() {
    alert("do something");
  });
});

pseudokod ini dengan berkesan memastikan amaran hanya akan menyala apabila div #contentDiv kelihatan.

Untuk melaksanakan fungsi ini, anda boleh lanjutkan kaedah .show() asal dalam jQuery:

<code class="javascript">$.fn.show = function(speed, oldCallback) {
  return $(this).each(function() {
    var obj = $(this),
        newCallback = function() {
          if ($.isFunction(oldCallback)) {
            oldCallback.apply(obj);
          }
          obj.trigger('afterShow');
        };

    // Trigger 'beforeShow' event
    obj.trigger('beforeShow');

    // Execute the original show() function with the new callback
    _oldShow.apply(obj, [speed, newCallback]);
  });
};</code>

Pelanjutan ini membolehkan anda mencetuskan acara 'beforeShow' dan 'afterShow' sebelum dan selepas div kelihatan.

Untuk contoh, penggunaan berikut menunjukkan kefungsian:

<code class="javascript">$('#test')
  .bind('beforeShow', function() {
    alert('beforeShow');
  })
  .bind('afterShow', function() {
    alert('afterShow');
  })
  .show(1000, function() {
    alert('in show callback');
  })
  .show();</code>

Atas ialah kandungan terperinci Bagaimanakah anda boleh mencetuskan tindakan apabila div menjadi kelihatan menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!