zl程序教程

您现在的位置是:首页 >  前端

当前栏目

jquery下div的resize事件示例代码

jQuery事件代码 示例 div Resize
2023-06-13 09:15:19 时间
这是某位大神写的jquery下div的resize事件。
复制代码代码如下:

//resizeofdiv
(function($,h,c){
vara=$([]),
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]){
returnfalse;
}
varl=$(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]){
returnfalse;
}
varl=$(this);
a=a.not(l);
l.removeData(d);
if(!a.length){
clearTimeout(i);
}
},
add:function(l){
if(!e[f]&&this[k]){
returnfalse;
}
varn;
functionm(s,o,p){
varq=$(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;
returnm;
}else{
n=l.handler;
l.handler=m;
}
}
};
functiong(){
i=h[k](function(){
a.each(function(){
varn=$(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(fucntion(){..});了