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 相关文章推荐
文本框输入时 实现自动提示(像百度、google一样)
Apr 05 Javascript
浅析IE10兼容性问题(frameset的cols属性)
Jan 03 Javascript
关于JS数组追加数组采用push.apply的问题
Jun 09 Javascript
Vue学习笔记进阶篇之vue-cli安装及介绍
Jul 18 Javascript
JavaScript实现动态添加Form表单元素的方法示例
Aug 14 Javascript
详解React Native开源时间日期选择器组件(react-native-datetime)
Sep 13 Javascript
微信小程序wx.previewImage预览图片实例详解
Dec 07 Javascript
vue axios 二次封装的示例代码
Dec 08 Javascript
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
Dec 27 Javascript
JS实现json数组排序操作实例分析
Oct 28 Javascript
Element Rate 评分的使用方法
Jul 27 Javascript
JavaScript中如何调用Java方法
Sep 16 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
日本十大惊悚动漫
2020/03/04 日漫
PHP中使用mktime获取时间戳的一个黑色幽默分析
2012/05/31 PHP
PHP简单处理表单输入的特殊字符的方法
2016/02/03 PHP
PHP实现文件上传与下载实例与总结
2016/03/13 PHP
thinkphp修改配置进入默认首页的方法
2017/02/07 PHP
Laravel如何友好的修改.env配置文件详解
2017/06/07 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
用jscript实现新建word文档
2007/06/15 Javascript
jquery实现背景墙聚光灯效果示例分享
2014/03/02 Javascript
vue iView 上传组件之手动上传功能
2018/03/16 Javascript
微信小程序中进行地图导航功能的实现方法
2018/06/29 Javascript
使用JavaScript破解web
2018/09/28 Javascript
Seajs源码详解分析
2019/04/02 Javascript
Node.js 在本地生成日志文件的方法
2020/02/07 Javascript
Python实现多线程下载文件的代码实例
2014/06/01 Python
使用Python的PEAK来适配协议的教程
2015/04/14 Python
Python面向对象编程中关于类和方法的学习笔记
2016/06/30 Python
Python3+Appium安装使用教程
2019/07/05 Python
使用APScheduler3.0.1 实现定时任务的方法
2019/07/22 Python
使用Tensorflow-GPU禁用GPU设置(CPU与GPU速度对比)
2020/06/30 Python
获取CSDN文章内容并转换为markdown文本的python
2020/09/06 Python
Python可以用来做什么
2020/11/23 Python
详解Python中@staticmethod和@classmethod区别及使用示例代码
2020/12/14 Python
佐卡伊官网:中国知名珠宝品牌
2017/02/05 全球购物
MaBelle玛贝尔香港官网:香港钻饰连锁店
2019/09/09 全球购物
营业员演讲稿
2013/12/30 职场文书
洗车工岗位职责
2014/03/15 职场文书
《永远的白衣战士》教学反思
2014/04/25 职场文书
企业环保标语
2014/06/10 职场文书
环境日宣传活动总结
2014/07/09 职场文书
2014年小班保育员工作总结
2014/12/23 职场文书
停电通知范文
2015/04/16 职场文书
大学开学典礼新闻稿
2015/07/17 职场文书
总结一些Java常用的加密算法
2021/06/11 Java/Android
Java图书管理系统,课程设计必用(源码+文档)
2021/06/30 Java/Android
十大最强奥特曼武器:怪兽战斗仪在榜,第五奥特之父只使用过一次
2022/03/18 日漫