當 div 變得可見時，如何使用 jQuery 觸發操作？

使用jQuery 在div 可見性時觸發操作

在jQuery 中，可以附加一個在div 可見時執行特定程式碼的事件處理程式.要實現此目的，請考慮使用以下偽代碼：

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

此偽代碼有效地確保僅當 #contentDiv div 可見時才會觸發警報。

要實現此功能，您可以擴展jQuery 中原始.show() 方法：

<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>

此擴充功能允許您在div 可見之前和之後觸發'beforeShow' 和'afterShow'事件。

For例如，以下用法示範了功能：

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

以上是當 div 變得可見時，如何使用 jQuery 觸發操作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！