浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法


Posted in Javascript onMay 11, 2014

浏览器窗口大小变化时使用resize事件对框架不起作用的解决办法,如下:

$(window).resize(function(){
var surH = $(window).height();
$(".pic_conent").height(surH);
}

当浏览器变化,拉大拉小时,没有反应;

方法一:在标签上加入  onLoad="" onResize=""  方法  写上对应的方法即可方法二:window.onresize=function(){///.....} 在方法里面写上对应的代码即可着两种方法基本都可以解决你的问题了

window.onresize=function(){
var surH = $(window).height();
$(".pic_conent").height(surH);
 }
Javascript 相关文章推荐
event.currentTarget与event.target的区别介绍
Dec 31 Javascript
js实现的折叠导航示例
Nov 29 Javascript
JQuery实现鼠标移动到图片上显示边框效果
Jan 09 Javascript
控制文字内容的显示与隐藏示例
Jun 11 Javascript
javascript实现控制文字大中小显示
Apr 28 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
Sep 24 Javascript
javascript如何实现360度全景照片问题汇总
Apr 04 Javascript
Angular 中 select指令用法详解
Sep 29 Javascript
JS生成一维码(条形码)功能示例
Jan 19 Javascript
如何编写一个d.ts文件的步骤详解
Apr 13 Javascript
vue 不使用select实现下拉框功能(推荐)
May 17 Javascript
vue设置动态请求地址的例子
Nov 01 Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
May 11 #Javascript
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
May 11 #Javascript
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
May 11 #Javascript
jquery 按键盘上的enter事件
May 11 #Javascript
jquery.hotkeys监听键盘按下事件keydown插件
May 11 #Javascript
Jquery 监视按键,按下回车键触发某方法的实现代码
May 11 #Javascript
基于Jquery实现键盘按键监听
May 11 #Javascript
You might like
高性能PHP框架Symfony2经典入门教程
2014/07/08 PHP
PHP转盘抽奖接口实例
2015/02/09 PHP
php去除字符串中空字符的常用方法小结
2015/03/17 PHP
php使用curl代理实现抓取数据的方法
2017/02/03 PHP
PHP合并两个或多个数组的方法
2019/01/20 PHP
实例讲解PHP表单验证功能
2019/02/15 PHP
PHP递归算法的简单实例
2019/02/28 PHP
Prototype使用指南之base.js
2007/01/10 Javascript
Javascript打印网页部分内容的脚本
2008/11/17 Javascript
javascript nextSibling 与 getNextElement(node) 使用介绍
2011/10/13 Javascript
datagrid框架的删除添加与修改
2013/04/08 Javascript
JQuery表格内容过滤的实现方法
2013/07/05 Javascript
qq悬浮代码(兼容各个浏览器)
2014/01/29 Javascript
jQuery简单实现遍历数组的方法
2015/04/14 Javascript
js基础知识(公有方法、私有方法、特权方法)
2015/11/06 Javascript
Bootstrap 组件之按钮(二)
2016/05/11 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
2016/12/26 Javascript
js实现tab切换效果
2017/02/16 Javascript
javascript 面向对象function详解及实例代码
2017/02/28 Javascript
bootstrap table单元格新增行并编辑
2017/05/19 Javascript
浅析Vue自定义组件的v-model
2017/11/26 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
2018/01/08 Javascript
详解使用mocha对webpack打包的项目进行"冒烟测试"的大致流程
2020/04/27 Javascript
解决vue中使用less/sass及使用中遇到无效的问题
2020/10/24 Javascript
python添加菜单图文讲解
2019/06/04 Python
解决Python安装时报缺少DLL问题【两种解决方法】
2019/07/15 Python
Python3读写Excel文件(使用xlrd,xlsxwriter,openpyxl3种方式读写实例与优劣)
2020/02/13 Python
Python实现屏幕录制功能的代码
2020/03/02 Python
pycharm激活码免费分享适用最新pycharm2020.2.3永久激活
2020/11/25 Python
物理研修随笔感言
2014/02/14 职场文书
解放思想大讨论活动心得体会
2014/09/11 职场文书
房地产营销活动策划方案
2014/09/15 职场文书
小学家长意见怎么写
2015/06/03 职场文书
演讲比赛通讯稿
2015/07/18 职场文书
学习心得体会
2019/06/20 职场文书
Python办公自动化之教你用Python批量识别发票并录入到Excel表格中
2021/06/26 Python