覆盖 jQuery 以在元素变得可见后执行代码 - 如何执行？

Question

我正在开发一个小型的 javascript 框架供我们公司内部使用。在某些情况下，我们的框架会覆盖基本的 jQuery 功能，以便处理内部逻辑或修复浏览器错误等。我希望这些情况对我们的开发人员来说是完全透明的，这样他们就可以继续按照他们习惯的方式使用 jQuery。

我遇到了一个问题，我似乎无法以一种透明的方式解决这个问题 - 至少我无法想出一个好的方法 - 所以我转向你:)。

我想要做的是以某种方式覆盖 jQuery，这样我就可以在每次“变得可见”时执行一段代码。例如，如果开发人员运行 show() 方法，我想在元素变得可见后执行我的代码。事实上，无论开发人员如何“使元素可见”（例如 show()、css()、animate() 等），我希望我的代码能够运行，

我知道 show() 例如有一个“回调”参数就可以用于此目的。但重点是；这对于开发人员来说应该是完全透明的。他不需要知道这段代码是“在下面运行的”。

我所有的覆盖都是使用闭包完成的，因此我可以保存对原始方法的引用，做我的事情并执行原始方法。下面是我如何使用 show 方法执行此操作的示例：

(function ($) {
  var originalShowMethod = jQuery.fn.show;
  jQuery.fn.show = function (speed, easing, callback) {
    // Do stuff before
    var theReturn = jQuery(originalShowMethod.call(this, speed, easing, callback));
    // Do stuff after
    return theReturn;
  };
})(jQuery);

我最初的方法是简单地这样做（在“// Do stuff after”处运行我的代码）。这也很有效，除非您传递速度参数（因为它在内部使用类似 setTimeout 或 setInterval 的东西），或者使用其他“显示元素”方法之一。

jQuery 中是否有一些主“显示元素”方法，我可以覆盖它，以便所有与“显示元素”相关的方法都会受到我的代码片段的影响？或者我是否必须覆盖所有“显示方法”？谁能举例说明我如何完成这项任务？以及我需要覆盖的内容（如果这是这样做的话）。

提前致谢。

Answer 1

我认为你想要类似 .is() 和 :visible 选择器的东西，听起来你可能想使用 setInterval

function checkElementVis(){

if($(".element").is(":visible")){
    alert("is visible");
} else {
alert("not visible");
}

}运行这样的函数