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 相关文章推荐
showModelessDialog()使用详解
Sep 07 Javascript
jQuery 可以拖动的div实现代码 脚本之家修正版
Jun 26 Javascript
Javascript和Ajax中文乱码吐血版解决方案
Dec 21 Javascript
JS中判断JSON数据是否存在某字段的方法
Mar 07 Javascript
javascript回车完美实现tab切换功能
Mar 13 Javascript
js 截取或者替换字符串中的数字实现方法
Jun 13 Javascript
微信小程序 设置启动页面的两种方法
Mar 09 Javascript
jquery+css3实现熊猫tv导航代码分享
Feb 12 jQuery
vue 循环加载数据并获取第一条记录的方法
Sep 26 Javascript
js中对象和面向对象与Json介绍
Jan 21 Javascript
使用Vue CLI创建typescript项目的方法
Aug 09 Javascript
解决layui表格内文本超出隐藏的问题
Sep 12 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运算符的知识大全
2011/11/03 PHP
PHP应用JSON技巧讲解
2013/02/03 PHP
PHP两种去掉数组重复值的方法比较
2014/06/19 PHP
php获取目录下所有文件及目录(多种方法)(推荐)
2019/05/14 PHP
jquery 实现表单验证功能代码(简洁)
2012/07/03 Javascript
JavaScript执行效率与性能提升方案
2012/12/21 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
2014/01/25 Javascript
代码获取历史上的今天发生的事
2014/04/11 Javascript
jQuery将多条数据插入模态框的示例代码
2014/09/25 Javascript
jquery中页面Ajax方法$.load的功能使用介绍
2014/10/20 Javascript
js实现鼠标点击左上角滑动菜单效果代码
2015/09/06 Javascript
json传值以及ajax接收详解
2016/05/24 Javascript
Node.js下自定义错误类型详解
2016/10/17 Javascript
基于vue.js实现侧边菜单栏
2017/03/20 Javascript
浅谈angular4生命周期钩子
2017/09/05 Javascript
解决Vue2.x父组件与子组件之间的双向绑定问题
2018/03/06 Javascript
Vue 自定义指令功能完整实例
2019/09/17 Javascript
python 快速排序代码
2009/11/23 Python
Python标准库06之子进程 (subprocess包) 详解
2016/12/07 Python
编写多线程Python服务器 最适合基础
2018/09/14 Python
用Python逐行分析文件方法
2019/01/28 Python
python双向链表原理与实现方法详解
2019/12/03 Python
Pandas-Cookbook 时间戳处理方式
2019/12/07 Python
python实现斗地主分牌洗牌
2020/06/22 Python
Tensorflow--取tensorf指定列的操作方式
2020/06/30 Python
Python连接mysql数据库及简单增删改查操作示例代码
2020/08/03 Python
python实现简单遗传算法
2020/09/18 Python
HTML5使用Audio标签实现歌词同步的效果
2016/03/17 HTML / CSS
REN Clean Skincare官网:英国本土有机护肤品牌
2019/02/23 全球购物
应届大学生求职信
2013/12/01 职场文书
暑期培训随笔感言
2014/03/10 职场文书
小学生竞选班干部演讲稿
2014/04/24 职场文书
企业党员一句话承诺
2014/05/30 职场文书
先进个人总结范文
2015/02/15 职场文书
项目合作意向书
2015/05/08 职场文书
oracle重置序列从0开始递增1
2022/02/28 Oracle