jquery resize监听dom

Posted 善未易明

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery resize监听dom相关的知识,希望对你有一定的参考价值。

添加如下代码即可
(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);




以上是关于jquery resize监听dom的主要内容,如果未能解决你的问题,请参考以下文章

jquery resize监听dom

div元素监听resize的方法

用JS或者jQuery可以监听浏览器窗口的变化吗

可以在 DOM jQuery 中使用 canvas 元素吗?

jQuery 进阶用法

用jQuery监听浏览器窗口的变化