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 相关文章推荐
在IE浏览器中resize事件执行多次的解决方法
Jul 12 Javascript
js中hash和ico的关联分析
Feb 05 Javascript
jQuery中noConflict()用法实例分析
Feb 08 Javascript
浅谈javascript事件取消和阻止冒泡
May 26 Javascript
基于jQuery实现响应式圆形图片轮播特效
Nov 25 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
Mar 29 Javascript
使用PHP+JavaScript将HTML页面转换为图片的实例分享
Apr 18 Javascript
关于vue.js弹窗组件的知识点总结
Sep 11 Javascript
js实现导航栏中英文切换效果
Jan 16 Javascript
Javascript设计模式之装饰者模式详解篇
Jan 17 Javascript
KnockoutJS数组比较算法实例详解
Nov 25 Javascript
24个解决实际问题的ES6代码片段(小结)
Feb 02 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数组函数序列之array_search()- 按元素值返回键名
2011/11/04 PHP
总结的一些PHP开发中的tips(必看篇)
2017/03/24 PHP
thinkPHP5框架实现基于ajax的分页功能示例
2018/06/12 PHP
一个js写的日历(代码部分网摘)
2009/09/20 Javascript
GRID拖拽行的实例代码
2013/07/18 Javascript
javascript数组去重方法终极总结
2014/06/05 Javascript
jQuery中[attribute]选择器用法实例
2014/12/31 Javascript
Javascript中的getUTCHours()方法使用详解
2015/06/10 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
2016/09/08 Javascript
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
2017/06/01 jQuery
jsonp跨域请求详解
2017/07/13 Javascript
nodejs实现的连接MySQL数据库功能示例
2018/01/25 NodeJs
详解webpack模块加载器兼打包工具
2018/09/11 Javascript
vue中利用Promise封装jsonp并调取数据
2019/06/18 Javascript
vue 监听窗口变化对页面部分元素重新渲染操作
2020/07/28 Javascript
Python基本数据类型详细介绍
2014/03/11 Python
python实现在每个独立进程中运行一个函数的方法
2015/04/23 Python
python实现SOM算法
2018/02/23 Python
Python实现时钟显示效果思路详解
2018/04/11 Python
Python将文本去空格并保存到txt文件中的实例
2018/07/24 Python
Django模板导入母版继承和自定义返回Html片段过程解析
2019/09/18 Python
Python安装tar.gz格式文件方法详解
2020/01/19 Python
Python从文件中读取数据的方法步骤
2020/11/18 Python
详解用selenium来下载小姐姐图片并保存
2021/01/26 Python
CSS3模块的目前的状况分析
2010/02/24 HTML / CSS
使用css3做0.5px的细线的示例代码
2018/01/18 HTML / CSS
高级文秘工作总结的自我评价
2013/09/28 职场文书
毕业生机械建模求职信
2013/10/14 职场文书
毕业生求职推荐信
2013/11/04 职场文书
工艺工程师工作职责
2013/11/23 职场文书
优秀毕业生求职信
2014/06/05 职场文书
艺术学院毕业生求职信
2014/07/09 职场文书
四风问题对照检查材料
2014/09/22 职场文书
店面出租协议书范本
2014/11/28 职场文书
八年级上册语文教学计划
2015/01/22 职场文书
投资合作意向书范本
2015/05/08 职场文书