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 相关文章推荐
鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合(示例代码)
Dec 14 Javascript
javascript结合Canvas 实现简易的圆形时钟
Mar 11 Javascript
jQuery使用模式窗口实现在主页面和子页面中互相传值的方法
Mar 01 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
Jun 03 Javascript
Knockoutjs 学习系列(二)花式捆绑
Jun 07 Javascript
window.open不被拦截的简单实现代码(推荐)
Aug 04 Javascript
js模式化窗口问题![window.dialogArguments]
Oct 30 Javascript
JS对象创建的几种方式整理
Feb 28 Javascript
vue.js实现刷新当前页面的方法教程
Jul 05 Javascript
JS使用tofixed与round处理数据四舍五入的区别
Oct 25 Javascript
如何优雅地在Node应用中进行错误异常处理
Nov 25 Javascript
JS数据类型判断的几种常用方法
Jul 07 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使用者状态管理功能的应用
2006/10/09 PHP
如何对PHP程序中的常见漏洞进行攻击(下)
2006/10/09 PHP
php通过两层过滤获取留言内容的方法
2016/07/11 PHP
windows 2008r2+php5.6.28环境搭建详细过程
2019/06/18 PHP
Laravel 错误提示本地化的实现
2019/10/22 PHP
JavaScript实现简单图片滚动附源码下载
2014/06/17 Javascript
异步JS框架的作用以及实现方法
2015/10/29 Javascript
jquery实现简单文字提示效果
2015/12/02 Javascript
AngularJS Bootstrap详细介绍及实例代码
2016/07/28 Javascript
JavaScript中offsetWidth的bug及解决方法
2017/05/17 Javascript
js 客户端打印html 并且去掉页眉、页脚的实例
2017/11/03 Javascript
webpack热模块替换(HMR)/热更新的方法
2018/04/05 Javascript
JavaScript设计模式之工厂模式简单实例教程
2018/07/03 Javascript
vue基于两个计算属性实现选中和全选功能示例
2019/02/08 Javascript
详解Vue中组件的缓存
2019/04/20 Javascript
[49:31]TFT vs Mski Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
使用PYTHON创建XML文档
2012/03/01 Python
浅析Python中的多进程与多线程的使用
2015/04/07 Python
Python实现的十进制小数与二进制小数相互转换功能
2017/10/12 Python
python 将字符串转换成字典dict的各种方式总结
2018/03/23 Python
python 用正则表达式筛选文本信息的实例
2018/06/05 Python
简单了解django orm中介模型
2019/07/30 Python
Django自定义用户表+自定义admin后台中的字段实例
2019/11/18 Python
Python实现检测文件的MD5值来查找重复文件案例
2020/03/12 Python
在python中实现求输出1-3+5-7+9-......101的和
2020/04/02 Python
Python 制作查询商品历史价格的小工具
2020/10/20 Python
python3中布局背景颜色代码分析
2020/12/01 Python
咖啡为什么会有酸味?你喝到的咖啡為什麼是酸的?
2021/03/17 冲泡冲煮
自荐信格式简述
2014/01/25 职场文书
党的群众路线教育实践活动宣传方案
2014/02/23 职场文书
团党委领导干部党的群众路线教育实践活动个人对照检查材料思想汇
2014/10/05 职场文书
杭州西湖英语导游词
2015/02/03 职场文书
2015年重阳节主持词
2015/07/04 职场文书
Vue全家桶入门基础教程
2021/05/14 Vue.js
pandas取dataframe特定行列的实现方法
2021/05/24 Python
Win11 Build 22000.829更新补丁KB5015882发布(附更新修复内容汇总)
2022/07/15 数码科技