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 相关文章推荐
移动Web中图片自适应的两种JavaScript解决方法
Jun 18 Javascript
jquery实现简单的二级导航下拉菜单效果
Sep 07 Javascript
JSON字符串转换JSONObject和JSONArray的方法
Jun 03 Javascript
JS添加删除DIV的简单实例
Jul 08 Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
Oct 04 Javascript
bootstrap laydate日期组件使用详解
Jan 04 Javascript
微信小程序自定义导航隐藏和显示功能
Jun 13 Javascript
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
Feb 11 Javascript
vue动态添加路由addRoutes之不能将动态路由存入缓存的解决
Feb 19 Javascript
vue 监听窗口变化对页面部分元素重新渲染操作
Jul 28 Javascript
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
Aug 14 Javascript
聊聊JS ES6中的解构
Apr 29 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
一拳超人中怪人协会钦定! S级别最强四人!
2020/03/02 日漫
php实现utf-8转unicode函数分享
2015/01/06 PHP
php如何获取文件的扩展名
2015/10/28 PHP
DEFER怎么用?
2006/07/01 Javascript
javascript 贪吃蛇实现代码
2008/11/22 Javascript
jQuery 页面载入进度条实现代码
2009/02/08 Javascript
运用jquery实现table单双行不同显示并能单行选中
2009/07/25 Javascript
js 静态动态成员 and 信息的封装和隐藏
2011/05/29 Javascript
分析了一下JQuery中的extend方法实现原理
2015/02/27 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
2015/10/17 Javascript
JS生成某个范围的随机数【四种情况详解】
2016/04/20 Javascript
易被忽视的js事件问题总结
2016/05/14 Javascript
JS实现星星评分功能实例代码(两种方法)
2016/06/09 Javascript
浅析webpack 如何优雅的使用tree-shaking(摇树优化)
2017/08/16 Javascript
Angular2中监听数据更新的方法
2018/08/31 Javascript
vue使用echarts图表的详细方法
2018/10/22 Javascript
实例分析Array.from(arr)与[...arr]到底有何不同
2019/04/09 Javascript
浅谈Node 异步IO和事件循环
2019/05/05 Javascript
Vue2.0实现组件之间数据交互和通信操作示例
2019/05/16 Javascript
微信小程序组件传值图示过程详解
2019/07/31 Javascript
js中script的上下放置区别,Dom的增删改创建操作实例分析
2019/12/16 Javascript
Python中正则表达式的用法实例汇总
2014/08/18 Python
python 3.7.4 安装 opencv的教程
2019/10/10 Python
Python re正则表达式元字符分组()用法分享
2020/02/10 Python
Python龙贝格法求积分实例
2020/02/29 Python
tensorflow之读取jpg图像长和宽实例
2020/06/18 Python
Python 制作查询商品历史价格的小工具
2020/10/20 Python
CSS3 伪类选择器 nth-child()说明
2010/07/10 HTML / CSS
法国时尚童装网站:Melijoe
2016/08/10 全球购物
奥地利婴儿用品和玩具购物网站:baby-markt.at
2020/01/26 全球购物
javascript实现用户必须勾选协议实例讲解
2021/03/24 Javascript
好邻里事迹材料
2014/01/16 职场文书
小学爱国卫生月活动总结
2014/06/30 职场文书
党员身份证明材料
2015/06/19 职场文书
SQL Server 数据库实验课第五周——常用查询条件
2021/04/05 SQL Server
Ubuntu Server 安装Tomcat并配置systemctl
2022/04/28 Servers