监听某个DOM元素变化时添加脚本

原创 motu_1991 随笔 js相关脚本 122阅读 2018-09-03 16:39:06 举报

jq只能监听浏览器的变化,不能监听具体某个DOM的变化,今天找到前人写的解决办法,一个插件,加强jq的resize事件;记录一下,脚本如下(添加到jq库里即可):
https://blog.csdn.net/hong10086/article/details/53638657

(function ($, h, c) {
var a = $([]), e = $.resize = $.extend($.resize, {}), i, k = "setTimeout", j = "resize", d = j + "-special-event", b = "delay", f = "throttleWindow";
e[b] = 250;
e[f] = true;
$.event.special[j] = {
setup: function () {
if (!e[f] && this[k]) {
return false
}
var l = $(this);
a = a.add(l);
$.data(this, d, {w: l.width(), h: l.height()});
if (a.length === 1) {
g()
}
}, teardown: function () {
if (!e[f] && this[k]) {
return false
}
var l = $(this);
a = a.not(l);
l.removeData(d);
if (!a.length) {
clearTimeout(i)
}
}, add: function (l) {
if (!e[f] && this[k]) {
return false
}
var n;

        function m(s, o, p) {
            var q = $(this), r = $.data(this, d);
            r.w = o !== c ? o : q.width();
            r.h = p !== c ? p : q.height();
            n.apply(this, arguments)
        }

        if ($.isFunction(l)) {
            n = l;
            return m
        } else {
            n = l.handler;
            l.handler = m
        }
    }
};
function g() {
    i = h[k](function () {
        a.each(function () {
            var n = $(this), m = n.width(), l = n.height(), o = $.data(this, d);
            if (m !== o.w || l !== o.h) {
                n.trigger(j, [o.w = m, o.h = l])
            }
        });
        g()
    }, e[b])
}

})(jQuery, this);

$("#div").resize(function(){alert()});
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复