求教JQuery的resize事件在firefox浏览器下工作不正常的解决办法

cherryhood 2013-09-18 01:22:32

如图，求教解决办法。多谢。

利用JQuery的resize事件功能，在其它浏览器中做拖拽操作，可任意改变图中区域的尺寸；但在firefox浏览器下，却工作不正常：拖拽只可以在屏幕尺寸范围内随意改变size，一旦超出屏幕尺寸范围，超出的部分无法看到，或是说无法通过左右上下的移动来到达区域的边缘。不知如何使其更好地跨平台支持firefox？

0

...全文

200 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

山城忙碌人 2013-10-16

打赏
举报

回复

朋友，问题解决了吗，我也遇到这个问题了！

解决firefox下resize事件无效问题

火狐下resize无效解决方案，解决火狐下资源resize事件无效问题方法

（题外话：从本次开始我新增了jQuery EasyUI的专题页面大家可以关注我的专题页来及时获取最新的EasyUI资源专题页地址如下http:http://download.csdn.net/album/detail/343 同时也希望转载的那些朋友能保留我资源的说明及出处地址我花那么多精力制作出来的你们鼠标点两下就给我转走了还不注明出处实在是不厚道本来就是本着分享精神的为的就是聚集一点人气和提供一个优良的环境来一起学习进步的请不要抹杀掉我的热情谢谢）　　时隔4个月之久 EasyUI终于迎来大版本更新了本次更新内容诸多除了常规维护外还新增了3个新组件都很实用详细的可以阅读更新说明里面给了详细的解读另外从该版本开始我将会逐步的将EasyUI官方以及第三方较好的插件API整合到API文档当中并且会对这些插件做一些简单的Demo实现存放到配套提供的程序包demo文件夹下以便大家学习和使用本期文档中将官方提供的所有附加插件的API都整理并存放到Extension节点下了这些扩展的demo在附带的程序包中已经提供可以用于参考使用 jQuery EasyUI 1 4版本更新内容： Bug（修复） menu：修复在删除一个菜单项的时候该菜单无法正确自适应高度的问题； datagrid：修复在datagrid宽度太小的时候“fitColumns”方法无法正常工作的问题 Improvement（改进） EasyUI的所有组件已经支持非固定百分比大小的尺寸设置； menu：添加“showItem” “hideItem”和“resize”方法； menu：基于窗体大小自动调整高度； menu：添加“duration”属性该属性允许用户自定义隐藏菜单动画的持续时间以毫秒为单位； validatebox：添加“onBeforeValidate”和“onValidate”事件； combo：从该版本开始combo组件扩展自textbox组件（textbox是1 4中新增的组件）； combo：添加“panelMinWidth” “panelMaxWidth” “panelMinHeight”和“panelMaxHeight”属性； searchbox：从该版本开始searchbox组件扩展自textbox组件（textbox是1 4中新增的组件）； tree：添加“getRoot”方法用于返回通过“nodeEl”参数指定的节点的顶部父节点元素注意：官网的英文API中该函数的说明有误其说明是none 无参数实际这里是需要参数的； tree：添加“queryParams”属性； datetimebox：添加“spinnerWidth”属性； panel：添加“doLayout”方法用于控制面板内组件的大小； panel：添加“clear”方法用于清除面板内的内容； datagrid：允许用户设置百分比宽度的列（该功能真是千呼万唤始出来啊）； form：添加“ajax” “novalidate”和“queryParams”属性； linkbutton：添加“resize”方法 New Plugin（新组件） textbox：该组件是一个增强的输入字段它可以让用户非常简单的构建一个表单； datetimespinner：该组件是一个日期和时间的微调组件它允许我们选择一个特定的日期或时间； filebox：filebox 该组件表单元素中用于上传文件的文件框工具组件 ">（题外话：从本次开始我新增了jQuery EasyUI的专题页面大家可以关注我的专题页来及时获取

这段代码在IE、chrome都允许正常，firefox则不正常<script> $(window).resize(function () { location.reload(); }); firefox对reload()做了处理，不能能频繁刷新，所以加个延迟就好了<script> $(window

jquery 默认的resize只能监听到浏览器窗口大小的改变，但我们在实际使用过程中有可能还需要监听某个div或其它标签的大小改变来执行相应的处理，如果使用默认的resize就无能为力了。怎么办呢，这里给大家推荐一个jquery的小插件，相当于是对默认的resize事件的增强版本，它可以监听几乎所有标签的大小改变来做相应的处理。将以下代码复制到你的js文件中 (function($

87,996

社区成员

224,708

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章