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 学习笔记 选择器之六
Jul 23 Javascript
JS判断对象是否存在的10种方法总结
Dec 23 Javascript
解决自定义$(id)的方法与jquery选择器$冲突的问题
Jun 14 Javascript
javascript中函数作为参数调用的方法
Feb 09 Javascript
JavaScript中用toString()方法返回时间为字符串
Jun 12 Javascript
javascript顺序加载图片的方法
Jul 18 Javascript
无法获取隐藏元素宽度和高度的解决方案
Mar 07 Javascript
原生JS实现图片懒加载(lazyload)实例
Jun 13 Javascript
详解开源的JavaScript插件化框架MinimaJS
Oct 26 Javascript
JavaScript折半查找(二分查找)算法原理与实现方法示例
Aug 06 Javascript
vue兄弟组件传递数据的实例
Sep 06 Javascript
ios设备中angularjs无法改变页面title的解决方法
Sep 13 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
服务器端解压缩zip的脚本
2006/12/22 PHP
php实现当前页面点击下载文件的实例代码
2016/11/16 PHP
php7 安装yar 生成docker镜像
2017/05/09 PHP
php取出数组单个值的方法
2018/03/12 PHP
web 页面分页打印的实现
2009/06/22 Javascript
js 巧妙去除数组中的重复项
2010/01/25 Javascript
jquery自定义滚动条插件示例分享
2014/02/21 Javascript
Node.js插件的正确编写方式
2014/08/03 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
js window对象属性和方法相关资料整理
2015/11/11 Javascript
JS运动相关知识点小结(附弹性运动示例)
2016/01/08 Javascript
快速解决js动态改变dom元素属性后页面及时渲染的问题
2016/07/06 Javascript
Javascript同时声明一连串(多个)变量的方法
2017/01/23 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
2017/02/14 Javascript
vue.js利用Object.defineProperty实现双向绑定
2017/03/09 Javascript
fullPage.js和CSS3实现全屏滚动效果
2017/05/05 Javascript
nodejs操作mysql实现增删改查的实例
2017/05/28 NodeJs
vue+node+webpack环境搭建教程
2017/11/05 Javascript
解决微信小程序scroll-view组件无横向滚动的问题
2020/02/04 Javascript
单线程JavaScript实现异步过程详解
2020/05/19 Javascript
Python中apply函数的用法实例教程
2014/07/31 Python
Python爬取十篇新闻统计TF-IDF
2018/01/03 Python
Ubuntu16.04/树莓派Python3+opencv配置教程(分享)
2018/04/02 Python
Python实现输出某区间范围内全部素数的方法
2018/05/02 Python
python2和python3的输入和输出区别介绍
2018/11/20 Python
pygame实现俄罗斯方块游戏(AI篇1)
2019/10/29 Python
Python GUI自动化实现绕过验证码登录
2020/01/10 Python
好药师网上药店:安全合法的网上药品零售药房
2017/02/15 全球购物
化学教育专业自荐信
2014/07/04 职场文书
清明节文明祭祀倡议书
2015/04/28 职场文书
《学会看病》教学反思
2016/02/17 职场文书
2019升学宴主持词范本5篇
2019/10/09 职场文书
导游词之苏州寒山寺
2019/12/05 职场文书
Python基础之赋值,浅拷贝,深拷贝的区别
2021/04/30 Python
Win11开始菜单添加休眠选项
2022/04/19 数码科技