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 相关文章推荐
Flash对联广告的关闭按钮讨论
Jan 30 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
Nov 14 Javascript
js中function()使用方法
Dec 24 Javascript
js根据日期判断星座的示例代码
Jan 23 Javascript
微信小程序教程系列之视图层的条件渲染(10)
Apr 19 Javascript
EasyUI在Panel上动态添加LinkButton按钮
Aug 11 Javascript
详解react服务端渲染(同构)的方法
Sep 21 Javascript
JavaScript callback回调函数用法实例分析
May 08 Javascript
详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据
Nov 11 Javascript
React路由鉴权的实现方法
Sep 05 Javascript
vue-router 中 meta的用法详解
Nov 01 Javascript
JavaScript交换两个变量方法实例
Nov 25 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
利用php绘制饼状图的实现代码
2013/06/07 PHP
yii框架表单模型使用及以数组形式提交表单数据示例
2014/04/30 PHP
PHP_NETWORK_GETADDRESSES: GETADDRINFO FAILED问题解决办法
2014/05/04 PHP
php数组分页实现方法
2016/04/30 PHP
PHP实现的登录,注册及密码修改功能分析
2016/11/25 PHP
TP(thinkPHP)框架多层控制器和多级控制器的使用示例
2018/06/13 PHP
一起来写段JS drag拖动代码
2010/12/09 Javascript
简介JavaScript中valueOf()方法的使用
2015/06/05 Javascript
AngularJS基础教程之简单介绍
2015/09/27 Javascript
解决js图片加载时出现404的问题
2020/11/30 Javascript
ajax +NodeJS 实现图片上传实例
2017/06/06 NodeJs
关于JavaScript的单双引号嵌套问题
2017/08/20 Javascript
JS实现手写parseInt的方法示例
2017/09/24 Javascript
基于VUE.JS的移动端框架Mint UI的使用
2017/10/11 Javascript
React Native AsyncStorage本地存储工具类
2017/10/24 Javascript
Vue渲染过程浅析
2019/03/14 Javascript
vue data对象重新赋值无效(未更改)的解决方式
2020/07/24 Javascript
JS算法教程之字符串去重与字符串反转
2020/12/15 Javascript
Python基于二分查找实现求整数平方根的方法
2016/05/12 Python
Django视图之ORM数据库查询操作API的实例
2017/10/27 Python
简单了解Django模板的使用
2017/12/20 Python
快速解决pyqt5窗体关闭后子线程不同时退出的问题
2019/06/19 Python
python2.7实现复制大量文件及文件夹资料
2019/08/31 Python
Python 限定函数参数的类型及默认值方式
2019/12/24 Python
Python文本文件的合并操作方法代码实例
2020/03/31 Python
施华洛世奇匈牙利官网:SWAROVSKI匈牙利
2019/07/06 全球购物
食品行业求职人的自我评价
2014/01/19 职场文书
毕业生自荐书
2014/02/02 职场文书
项目合作意向书范本
2014/04/01 职场文书
大学生就业求职信
2014/06/12 职场文书
优秀三好学生事迹材料
2014/08/31 职场文书
合伙经营协议书范本
2014/09/13 职场文书
湖南省召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
opencv-python图像配准(匹配和叠加)的实现
2021/06/23 Python
JS中forEach()、map()、every()、some()和filter()的用法
2022/05/11 Javascript
Redis批量生成数据的实现
2022/06/05 Redis