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(){..});了
相关文章
- js自动生成二维码_jquery 生成二维码无法识别
- Hystrix Dashboard界面中jQuery报错Uncaught: TypeError: e.indexOf is not a function
- 使用JQuery重绘图片的大小详解编程语言
- jquery的checkbox、radio、select等方法总结详解编程语言
- jQuery ready和JS onload事件的区别
- jQuery contextmenu事件详解
- jQuery scroll滚动事件
- jQuery中的常用事件总结
- jQuery温习篇强大的JQuery选择器
- jquery多浏览器捕捉回车事件代码
- jquery查找select,并触发事件的实现代码
- JQuery入门——移除绑定事件unbind方法概述及应用
- jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
- jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
- 浅析Js(Jquery)中,字符串与JSON格式互相转换的示例(直接运行实例)
- jquery滚动条事件简单实例
- JQuery触发事件例如click
- JQuery事件e参数的方法preventDefault()取消默认行为
- jquery快捷动态绑定键盘事件的操作函数代码
- 解析jquery中的ajax缓存问题
- jquery改变tr背景色的示例代码
- jQuery实现当按下回车键时绑定点击事件
- jquery实现input输入框实时输入触发事件代码
- jquery中交替点击事件的实现代码
- 8个实用的jQuery技巧
- jquery按键盘上的enter事件
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- jQuery循环滚动新闻列表示例代码
- 基于jquery固定于顶部的导航响应浏览器滚动条事件
- 基于jQuery的图片不完全按比例自动缩小
- 分享2个jQuery插件--jquery.fileupload与artdialog
- jQuery响应鼠标事件并隐藏与显示input默认值