欢迎访问移动开发之家(rcyd.net),关注移动开发教程。移动开发之家  移动开发问答|  每日更新
页面位置 : > > > 内容正文

图纸管理后台,不使用iframe采用jq.load()加载页面

来源: 开发者 投稿于  被查看 29052 次 评论:75

图纸管理后台,不使用iframe采用jq.load()加载页面


1.因为页面中有个table做成动态获取宽度的我发现$(window).width();当用ajax加载时获取的是整个屏幕宽度,而用iframe获取的是除去左侧固定导航栏的宽度,所以用ajxa加载计算宽度必须在减去左侧固定导航的宽度。

2.而且每次点击bt的模态框每次会增加一个滚动条的宽度(padding-right17px)是给body加上,在iframe中body加宽度是加在iframe的body中,但是ajax加载是加在页面的body中所以会有页面挪动的感觉。给顶层body overflowhidden 之后给ajax加载的父层加一个类 这个类设置一个高度而且overflow-y:auto
并且每次取消模态框会挪动originalBodyPad的距离(document.body.style.paddingRight || ''),取消关闭模态框的挪动只用把originalBodyPad设置成‘ ’

图纸管理后台,不使用iframe采用jq.load()加载页面 遇到个超级大坑,很多改的不能立马显示,我以为是浏览器差异,其实不是,是缓存!!!!ajax的缓存机制,改完一定用ctrl 加f5刷新

用户评论