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 相关文章推荐
js替换字符串的所有示例代码
Jul 23 Javascript
jQuery之过滤元素操作小结
Nov 30 Javascript
深入理解JavaScript高级之词法作用域和作用域链
Dec 10 Javascript
jquery判断小数点两位和自动删除小数两位后的数字
Mar 19 Javascript
JavaScript判断变量是对象还是数组的方法
Aug 28 Javascript
yui3的AOP(面向切面编程)和OOP(面向对象编程)
May 01 Javascript
jquery中val()方法是从最后一个选项往前读取的
Sep 06 Javascript
从0开始学Vue
Oct 27 Javascript
JS字符串长度判断,超出进行自动截取的实例(支持中文)
Mar 06 Javascript
微信JS SDK接入的几点注意事项(必看篇)
Jun 23 Javascript
bootstrap paginator分页插件的两种使用方式实例详解
Nov 14 Javascript
JavaScript组合模式---引入案例分析
May 23 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
Linux fgetcsv取得的数组元素为空字符串的解决方法
2011/11/25 PHP
PHP中使用mktime获取时间戳的一个黑色幽默分析
2012/05/31 PHP
浅析linux下apache服务器的配置和管理
2013/08/10 PHP
PHP return语句的另一个作用
2014/07/30 PHP
2014最热门的24个php类库汇总
2014/12/18 PHP
php微信公众开发之获取周边酒店信息的方法
2014/12/22 PHP
php for 循环使用的简单实例
2016/06/02 PHP
php版微信公众平台接口开发之智能回复开发教程
2016/09/22 PHP
PHP+MySQL高并发加锁事务处理问题解决方法
2018/04/30 PHP
php新建文件的方法实例
2019/09/26 PHP
基于PHP实现邮箱验证激活过程详解
2020/10/28 PHP
页面调用单个swf文件,嵌套出多个方法。
2011/11/21 Javascript
AngularJS框架中的双向数据绑定机制详解【减少需要重复的开发代码量】
2017/01/19 Javascript
微信小程序实现鼠标拖动效果示例
2017/12/01 Javascript
js 公式编辑器 - 自定义匹配规则 - 带提示下拉框 - 动态获取光标像素坐标
2018/01/04 Javascript
ES6与CommonJS中的模块处理的区别
2018/06/13 Javascript
微信小程序获取用户信息及手机号(后端TP5.0)
2019/09/12 Javascript
Element InputNumber计数器的使用方法
2020/07/27 Javascript
Vue仿Bibibili首页的问题
2021/01/21 Vue.js
wxpython 学习笔记 第一天
2009/03/16 Python
详解Python中的元组与逻辑运算符
2015/10/13 Python
Python程序员面试题 你必须提前准备!(答案及解析)
2018/01/23 Python
python爬虫的数据库连接问题【推荐】
2018/06/25 Python
用python3 urllib破解有道翻译反爬虫机制详解
2019/08/14 Python
浅谈python之自动化运维(Paramiko)
2020/01/31 Python
python绘制趋势图的示例
2020/09/17 Python
深入剖析HTML5 内联框架iFrame
2016/05/04 HTML / CSS
异步传递消息系统的作用
2016/05/01 面试题
大学生职业规划论文
2014/01/11 职场文书
《小松树和大松树》教学反思
2014/02/20 职场文书
打架检讨书2000字
2014/02/22 职场文书
语文高效课堂实施方案
2014/05/03 职场文书
演讲比赛策划方案
2014/06/11 职场文书
慰问信模板
2015/02/14 职场文书