jQuery resize 事件增强版
2016-07-27 10:24
549 查看
/* * jQuery resize event - v1.1 - 3/14/2010 * http://benalman.com/projects/jquery-resize-plugin/ * * Copyright (c) 2010 "Cowboy" Ben Alman * Dual licensed under the MIT and GPL licenses. * http://benalman.com/about/license/ */ (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事件只能监听文档窗口改变大小,这个插件可以对任意标签进行监听。
$("#content2").resize(function(){
changeIfranme();
});
$(window.parent.document).find("#content-iframe").load(function(){
var main = $(window.parent.document).find("#content-iframe");
var thisheight = $(document).height()+30;
main.height(thisheight < 500 ? 500 : thisheight);
});
/*控制父窗口框架*/
function changeIfranme(){
var main = $(window.parent.document).find("#content-iframe");
var thisheight = $('.content').height()+100;
main.height(thisheight < 500 ? 500 : thisheight);
}根据子窗口的大小动态改变iframe大小。
<iframe src="/myjjf/home.aspx" id="content-iframe" name="content-iframe" width="980" frameborder="0" scrolling="no" marginwidth="0" marginheight="0"></iframe>
相关文章推荐
- jquery的lazyload.js实现图片的懒加载
- 总结jQuery选择器
- Jquery 下实现 图片大图预览效果
- jquery实现的二级导航代码
- jQuery基于函数重载实现自定义Alert函数样式的方法
- jQuery获取自动截取过长的文本内容,显示成省略号形式。
- jquery动态遍历Json对象的属性和值的方法
- 移动端翻页插件dropload.js(支持Zepto和jQuery)
- jQuery EasyUI使用教程之在树网格中动态加载
- 使用Jquery解析Json基础知识
- jQuery事件处理return false与event.preventDefault()
- jQuery实现打开页面渐现效果示例
- jQuery学习笔记二:选择器
- jquery选中checkbox
- js、jquery报错
- jQuery、实例大全
- 深拷贝、浅拷贝、对象引用概念
- jQuery实现页面多个倒计时
- Jquery中$("#id")和document.getElementById("id")的区别
- jQuery中attr和prop的区别