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

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

2016-05-16 16:48:57原创

浏览器窗口大小变化时使用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);
 } 

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

专题推荐：resize 框架不起作用

上一篇：js实现弹出窗口、页面变成灰色并不可操作的例子分享_javascript技巧下一篇：多引号嵌套的变量命名的问题_javascript技巧

独孤九贱(3)_JavaScript视频教程

javascript是运行在浏览器上的脚本语言，连续多年，被评为全球最受欢迎的编程语言。是前端开发必备三大法器中，最具杀伤力。如果前端开发是降龙十八掌，好么javascript就是第18掌：亢龙有悔。没有它，你的前端生涯是不完整的。《php.cn独孤九贱（3）－JavaScript视频教程》课程特色：php中文网原创幽默段子系列课程，以恶搞，段子为主题风格的php视频教程！轻松的教学风格，简短的教学模式，让同学们在不知不觉中，学会了javascript知识。

独孤九贱(6)_jQuery视频教程

jQuery是一个快速、简洁的JavaScript框架。设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等,是全球最流行的前端开发框架之一。PHP中文网根据最新版本,独家录制jQuery最新视频教程,回馈PHP中文网的新老用户。

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

相关文章推荐

相关课程推荐

独孤九贱(3)_JavaScript视频教程

独孤九贱(6)_jQuery视频教程

传智播客JavaScript面向对象完成贪吃蛇游戏视频教程

JavaScript入门基础视频教程

jQuery入门基础视频教程

全部评论我要评论

PHP中文网