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 相关文章推荐
javascript中运用闭包和自执行函数解决大量的全局变量问题
Dec 30 Javascript
jqeury eval将字符串转换json的方法
Jan 20 Javascript
图片轮换效果实现代码(点击按钮停止执行)
Apr 12 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
Oct 10 Javascript
js实现iGoogleDivDrag模块拖动层拖动特效的方法
Mar 04 Javascript
移动端基础事件总结与应用
Jan 12 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
Feb 24 Javascript
详解在AngularJS的controller外部直接获取$scope
Jun 02 Javascript
angular.js4使用 RxJS 处理多个 Http 请求
Sep 23 Javascript
react 创建单例组件的方法
Apr 26 Javascript
关于vue路由缓存清除在main.js中的设置
Nov 06 Javascript
详解vue中v-bind:style效果的自定义指令
Jan 21 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
Access数据库导入Mysql的方法之一
2006/10/09 PHP
几个php应用技巧
2008/03/27 PHP
菜单效果
2006/10/14 Javascript
JS Timing
2007/04/21 Javascript
JS网络游戏-(模拟城市webgame)提供的一些例子下载
2007/10/14 Javascript
将HTML的左右尖括号等转义成实体形式的两种实现方式
2014/05/04 Javascript
JS版的date函数(和PHP的date函数一样)
2014/05/12 Javascript
input输入框鼠标焦点提示信息
2015/03/17 Javascript
JS函数的定义与调用方法推荐
2016/05/12 Javascript
BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面
2016/08/01 Javascript
Express使用html模板的详细代码
2017/09/18 Javascript
node.js基于fs模块对系统文件及目录进行读写操作的方法详解
2017/11/10 Javascript
mpvue项目中使用第三方UI组件库的方法
2018/09/30 Javascript
优雅的将ElementUI表格变身成树形表格的方法步骤
2019/04/11 Javascript
Vue两种组件类型:递归组件和动态组件的用法
2020/08/06 Javascript
通过JS判断网页是否为手机打开
2020/10/28 Javascript
Python 基础教程之包和类的用法
2017/02/23 Python
python Matplotlib画图之调整字体大小的示例
2017/11/20 Python
Python3非对称加密算法RSA实例详解
2018/12/06 Python
pytorch:torch.mm()和torch.matmul()的使用
2019/12/27 Python
如何在mac版pycharm选择python版本
2020/07/21 Python
用python写爬虫简单吗
2020/07/28 Python
全球领先的中国制造商品在线批发平台:DHgate
2020/01/28 全球购物
Napapijri西班牙在线商店:夹克、外套、运动衫等
2020/11/05 全球购物
如何设定的weblogic的热启动模式(开发模式)与产品发布模式
2012/09/08 面试题
C# Debug和Testing相关面试题
2015/10/25 面试题
护士实习自我鉴定
2013/10/22 职场文书
办公室文员工作自我评价
2013/12/01 职场文书
2014年最新学习全国两会精神心得
2014/03/17 职场文书
担保书怎么写
2014/04/01 职场文书
安全生产管理责任书
2014/04/16 职场文书
四风批评与自我批评范文
2014/10/14 职场文书
学生逃课检讨书
2015/02/17 职场文书
HashMap实现保存两个key相同的数据
2021/06/30 Java/Android
MySQL数据库事务的四大特性
2022/04/20 MySQL
Redis基本数据类型List常用操作命令
2022/06/01 Redis