div的宽高发生变化则进入事件

div的宽高发生变化则进入事件

转载的忘了链接,不是原创。

1,如果要打包,把结尾的(jQuery, this)改为(window.jQuery, window)。
注:jquery的引用一定要在这个的前面

(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);

2,引用

$(".tabpanel_head").resize(function() {
   //进入
  });
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值