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 相关文章推荐
JavaScript 模仿vbs中的 DateAdd() 函数的代码
Aug 13 Javascript
详细讲解JS节点知识
Jan 31 Javascript
关于Javascript模块化和命名空间管理的问题说明
Dec 06 Javascript
初学js 新节点的创建 删除 的步骤
Jul 04 Javascript
Javascript 按位与运算符 (&)使用介绍
Feb 04 Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
Nov 02 Javascript
AngularJS入门教程中SQL实例详解
Jul 27 Javascript
微信小程序页面传值实例分析
Apr 19 Javascript
vue.js中$set与数组更新方法
Mar 08 Javascript
JavaScript设计模式之门面模式原理与实现方法分析
Mar 09 Javascript
javascript设计模式 ? 单例模式原理与应用实例分析
Apr 09 Javascript
vue绑定class的三种方法
Dec 24 Vue.js
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
PHP生成月历代码
2007/06/14 PHP
php中多维数组按指定value排序的实现代码
2014/08/19 PHP
css3实现背景模糊的三种方式
2021/03/09 HTML / CSS
关于全局变量和局部变量的那些事
2013/01/11 Javascript
三种检测iPhone/iPad设备方向的方法
2014/04/23 Javascript
vue自定义switch开关组件,实现样式可自行更改
2019/11/01 Javascript
ant-design表单处理和常用方法及自定义验证操作
2020/10/27 Javascript
详解Vue3 Teleport 的实践及原理
2020/12/02 Vue.js
[04:45]上海特级锦标赛主赛事第三日TOP10
2016/03/05 DOTA
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 LGD VS TNC
2018/03/30 DOTA
python实现根据图标提取分类应用程序实例
2014/09/28 Python
python通过pil模块将raw图片转换成png图片的方法
2015/03/16 Python
整理Python中的赋值运算符
2015/05/13 Python
Python多继承原理与用法示例
2018/08/23 Python
python求质数的3种方法
2018/09/28 Python
Python读取实时数据流示例
2019/12/02 Python
pandas实现将日期转换成timestamp
2019/12/07 Python
Pyqt5自适应布局实例
2019/12/13 Python
使用pytorch实现可视化中间层的结果
2019/12/30 Python
如何在python中实现线性回归
2020/08/10 Python
利用python绘制中国地图(含省界、河流等)
2020/09/21 Python
美国在线鞋类零售商:LifeStride
2019/06/09 全球购物
办理暂住证介绍信
2014/01/11 职场文书
青春寄语大全
2014/04/09 职场文书
国际会计专业求职信
2014/08/04 职场文书
党员批评与自我批评范文
2014/09/23 职场文书
党的群众路线批评与自我批评范文
2014/10/16 职场文书
数学教师个人总结
2015/02/06 职场文书
2015年安全员工作总结范文
2015/04/22 职场文书
《清澈的湖水》教学反思
2016/02/17 职场文书
诚信高考倡议书
2019/06/24 职场文书
MySQL 发生同步延迟时Seconds_Behind_Master还为0的原因
2021/06/21 MySQL
天谕手游15杯全调酒配方和调酒券的获得方式
2022/04/06 其他游戏
美国运营商 T-Mobile 以 117.83Mb/s 的速度排第一位
2022/04/21 数码科技
Python PIL按比例裁剪图片
2022/05/11 Python
Python find()、rfind()方法及作用
2022/12/24 Python