当 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中文网其他相关文章！