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 相关文章推荐
jQuery动画特效实例教程
Aug 29 Javascript
jQuery使用经验小技巧(推荐)
May 31 Javascript
jQuery+ajax简单实现文件上传的方法
Jun 03 Javascript
原生js三级联动的简单实现代码
Jun 07 Javascript
JS传值出现中文参数乱码的解决方法
Jun 30 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
Jul 26 Javascript
js querySelector() 使用方法
Dec 21 Javascript
JavaScript解析JSON格式数据的方法示例
Jan 24 Javascript
详解React Native 屏幕适配(炒鸡简单的方法)
Jun 11 Javascript
vue-cli和v-charts实现可视化图表过程解析
Oct 08 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
Apr 08 Javascript
前端开发基础javaScript的六大作用
Aug 06 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的5个安全措施小结
2012/07/17 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
2011/03/12 Javascript
js为数字添加逗号并格式化数字的代码
2013/08/23 Javascript
js中indexof的用法详细解析
2013/12/24 Javascript
javascript生成随机大小写字母的方法
2014/02/20 Javascript
javascript在网页中实现读取剪贴板粘贴截图功能
2014/06/07 Javascript
JavaScript获取文本框内选中文本的方法
2015/02/20 Javascript
javascript模拟评分控件实现方法
2015/05/13 Javascript
使用jQuery制作浮动工具栏的实例分享
2016/05/13 Javascript
微信小程序 页面跳转和数据传递实例详解
2017/01/19 Javascript
详解javascript中对数据格式化的思考
2017/01/23 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
2017/04/14 Javascript
React如何将组件渲染到指定DOM节点详解
2017/09/08 Javascript
微信小程序访问豆瓣电影api的实现方法
2019/03/31 Javascript
axios 实现post请求时把对象obj数据转为formdata
2019/10/31 Javascript
python基础教程之类class定义使用方法
2014/02/20 Python
python自然语言编码转换模块codecs介绍
2015/04/08 Python
Python基础入门之seed()方法的使用
2015/05/15 Python
Python rstrip()方法实例详解
2018/11/11 Python
对python pandas 画移动平均线的方法详解
2018/11/28 Python
Python3爬虫学习之应对网站反爬虫机制的方法分析
2018/12/12 Python
基于Python实现简单学生管理系统
2020/07/24 Python
CSS3实现超慢速移动动画效果非常流畅无卡顿
2014/06/15 HTML / CSS
澳大利亚拥有最佳跳伞降落点和最好服务的跳伞项目运营商:Skydive Australia
2018/03/05 全球购物
介绍一下OSI七层模型
2012/07/03 面试题
食品采购员岗位职责
2014/04/14 职场文书
节约粮食标语
2014/06/18 职场文书
不尊敬老师检讨书范文
2014/11/19 职场文书
金砖之国观后感
2015/06/11 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
解决python绘图使用subplots出现标题重叠的问题
2021/04/30 Python
vue实现水波涟漪效果的点击反馈指令
2021/05/31 Vue.js
JS封装cavans多种滤镜组件
2022/02/15 Javascript
python实现对doc、txt、xls等文档的读写操作
2022/04/02 Python
在 Python 中利用 Pool 进行多线程
2022/04/24 Python