jquery分页插件jpaginate在IE中不兼容问题


Posted in Javascript onApril 22, 2014

下了个分页插件用,网上下载下来的demo在各ie版本下有点差别,但是还是可以用。

但是在我的页面中则不能正常显示。可能是因为div嵌套过多或者position定位造成的。

我改了下源码基本可以在ie7,ie8,ie9正常显示。以下是部分源码。发现用别人的东西出了问题很难搞啊。关键是那个ie啊。

var bVer = navigator.appVersion; 
var ver ; 
if(bVer.indexOf('MSIE 7.0') > 0){ 
ver = "ie7"; 
} if(ver == 'ie7'){ 
_ulwrapdiv.css('width',outsidewidth+72+'px'); 
_divwrapright.css('left',outsidewidth_tmp+6+72+'px'); 
} 
else{ 
_ulwrapdiv.css('width',outsidewidth+'px'); 
_divwrapright.css('left',outsidewidth_tmp+6+'px'); 
}

修改后的代码:
if(ver == 'ie7' || ver=='ie8' || ver=='ie9'){ 
_ulwrapdiv.css('width',outsidewidth+72+'px'); 
_ulwrapdiv.css('float','left');//这是添加的代码 
_divwrapright.css('left',outsidewidth_tmp+6+72+'px'); 
}

图一:正常
jquery分页插件jpaginate在IE中不兼容问题
图二:在我的环境中
jquery分页插件jpaginate在IE中不兼容问题
图三:加上if(ver == 'ie8'){}后(我的环境是ie8)
jquery分页插件jpaginate在IE中不兼容问题
图四:加上 _ulwrapdiv.css('float','left'); //后,经测试在ie7,ie8,ie9都可以,只是有一点不对称。
jquery分页插件jpaginate在IE中不兼容问题
Javascript 相关文章推荐
跟随鼠标旋转的文字
Nov 30 Javascript
浅析基于WEB前端页面的页面内容搜索的实现思路
Jun 10 Javascript
30个经典的jQuery代码开发技巧
Dec 15 Javascript
JavaScript中判断函数、变量是否存在
Jun 10 Javascript
QQ登录背景闪动效果附效果演示源码下载
Sep 22 Javascript
Bootstrap创建可折叠的组件
Feb 23 Javascript
Js获取图片原始宽高的实现代码
May 17 Javascript
Vue项目使用CDN优化首屏加载问题
Apr 01 Javascript
小程序和web画三角形实现解析
Sep 02 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
Jun 29 Javascript
在vue项目中promise解决回调地狱和并发请求的问题
Nov 09 Javascript
JavaScript实现音乐导航效果
Nov 19 Javascript
jquery防止重复执行动画避免页面混乱
Apr 22 #Javascript
Area 区域实现post提交数据的js写法
Apr 22 #Javascript
div失去焦点事件实现思路
Apr 22 #Javascript
js隐式全局变量造成的bug示例代码
Apr 22 #Javascript
JavaScript实现的图像模糊算法代码分享
Apr 22 #Javascript
JavaScript闭包实例讲解
Apr 22 #Javascript
JavaScript函数的4种调用方法详解
Apr 22 #Javascript
You might like
一个程序下载的管理程序(三)
2006/10/09 PHP
thinkPHP连接sqlite3数据库的实现方法(附Thinkphp代码生成器下载)
2016/05/27 PHP
PHP单例模式详解及实例代码
2016/12/21 PHP
PHP基于自定义函数实现的汉字转拼音功能实例
2017/09/30 PHP
JScript中的"this"关键字使用方式补充材料
2007/03/08 Javascript
JS清除IE浏览器缓存的方法
2013/07/26 Javascript
二叉树的非递归后序遍历算法实例详解
2014/02/07 Javascript
js中的json对象详细介绍
2014/10/29 Javascript
jQuery中noConflict()用法实例分析
2015/02/08 Javascript
Javascript页面跳转常见实现方式汇总
2015/11/28 Javascript
javascript数字验证的实例代码(推荐)
2016/08/20 Javascript
js基于FileSaver.js 浏览器导出Excel文件的示例
2017/08/15 Javascript
javascript字体颜色控件的开发 JS实现字体控制
2017/11/27 Javascript
浅谈vue3中effect与computed的亲密关系
2019/10/10 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
2020/09/08 Javascript
[52:02]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第二场 2月26日
2021/03/11 DOTA
Django中实现点击图片链接强制直接下载的方法
2015/05/14 Python
Python中join函数简单代码示例
2018/01/09 Python
解决安装tensorflow遇到无法卸载numpy 1.8.0rc1的问题
2018/06/13 Python
对python周期性定时器的示例详解
2019/02/19 Python
Python netmiko模块的使用
2020/02/14 Python
CSS3实现精美横向滚动菜单按钮
2017/04/14 HTML / CSS
利用CSS3实现平移动画效果示例代码
2016/10/12 HTML / CSS
英国著名音像制品和图书游戏购物网站:Zavvi
2016/08/04 全球购物
加拿大票务网站:Ticketmaster加拿大
2017/07/17 全球购物
Chantelle仙黛尔内衣美国官网:法国第一品牌内衣
2018/07/26 全球购物
澳大利亚最大的百货公司:Myer
2018/12/21 全球购物
会展策划与管理专业大学生职业生涯规划
2014/02/07 职场文书
大班开学家长寄语
2014/04/04 职场文书
勤奋学习演讲稿
2014/05/10 职场文书
2015年六一儿童节活动总结
2015/02/11 职场文书
教师节倡议书2015
2015/04/27 职场文书
仙境之桥观后感
2015/06/16 职场文书
2015年入党积极分子培养考察意见
2015/08/12 职场文书
2016年大学生社会实践心得体会
2015/10/09 职场文书
《秋天的雨》教学反思
2016/02/19 职场文书