jquery resize事件增强版
2015-06-14 14:18
519 查看
/* * 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鼠获取标滚轮次数(1)
- jQuery中$(function()与(function($)等的区别详细讲解
- Jquery ui autocomplete简单api
- jquery源码之缓存系统--$.data
- javascript学习笔记-2:jQuery中$("xx")返回值探究
- 关于Jquery的serialize()使用注意
- JQuery :Not() Selector Example
- jQuery html() example
- 浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式
- jQuery - slice( start, [end] ) Method
- 关于HTML5、Jquery、Phonegap跨域问题的研究
- jquery mobile 的优缺点
- jquery 初步(四)内容过滤器
- jquery 初步(三) 基本过滤器
- jQuery 各个版本下载
- Jquery的val()方法
- 推荐十个最新免费的 jQuery 表格插件
- jQuery 属性操作方法
- Jquery easyui开启行编辑模式增删改操作
- JQuery