jquery - 观察 jQuery 中的显示变化

Question

是否可以将观察者添加到可见性更改(即调用 show() 和 hide())时触发的 DOM 元素？谢谢!

Answer 1

如果您想观察任何对 .show() 或 .hide() 的调用，并且可以访问 jQuery 1.5+，您可以使用jQuery.sub()创建 jQuery 对象的副本以覆盖默认的 .show() 或 .hide() 操作。

var myjQuery = jQuery.sub();
myjQuery.fn.hide = function() {
    alert('hide');

    return jQuery.fn.hide.apply(this, arguments);
};
myjQuery.fn.show = function() {
    alert('show');
    return jQuery.fn.show.apply(this, arguments);
};

然后使用.sub()副本

(function($) {
    $(document).ready(function() {
        $(".click").click(function() {
            if ($("#hide").is(":visible")) {
                $("#hide").hide();
            }
            else {
                $("#hide").show();
            }
        });
    });
})(myjQuery);

<强> Example on jsfiddle