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 相关文章推荐
jquery 元素相对定位代码
Oct 15 Javascript
jQuery制作仿腾讯web qq用户体验桌面
Aug 20 Javascript
JS实现将人民币金额转换为大写的示例代码
Feb 13 Javascript
JS调用页面表格导出excel示例代码
Mar 18 Javascript
javascript里使用php代码实例
Dec 13 Javascript
node.js中的fs.writeFileSync方法使用说明
Dec 14 Javascript
jQuery trigger()方法用法介绍
Jan 13 Javascript
js+css实现文字散开重组动画特效代码分享
Aug 21 Javascript
javascript实现简单计算器效果【推荐】
Apr 19 Javascript
Bootstrap Table中的多选框删除功能
Jul 15 Javascript
angular2 ng2-file-upload上传示例代码
Aug 23 Javascript
Javascript表单序列化原理及实现代码详解
Oct 30 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
ThinkPHP5.0 图片上传生成缩略图实例代码说明
2018/06/20 PHP
jQuery checkbox全选/取消全选实现代码
2009/11/14 Javascript
利用jquery动画特效和css打造的侧边弹出垂直导航
2014/04/04 Javascript
Node.js中的事件驱动编程详解
2014/08/16 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
2014/08/22 Javascript
Vue.extend构造器的详解
2017/07/17 Javascript
mui上拉加载更多下拉刷新数据的封装过程
2017/11/03 Javascript
让bootstrap的carousel支持滑动滚屏的实现代码
2017/11/27 Javascript
在vue-cli中组件通信的方法
2017/12/16 Javascript
VUE重点问题总结
2018/03/19 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
2018/05/04 Javascript
JS中‘hello’与new String(‘hello’)引出的问题详解
2018/08/14 Javascript
vuex实现及简略解析(小结)
2019/03/01 Javascript
详解JS实现简单的时分秒倒计时代码
2019/04/25 Javascript
vue的注意规范之v-if 与 v-for 一起使用教程
2019/08/04 Javascript
Vue-axios-post数据后端接不到问题解决
2020/01/09 Javascript
el-table表头根据内容自适应完美解决表头错位和固定列错位
2021/01/07 Javascript
[54:24]Optic vs TNC 2018国际邀请赛小组赛BO2 第二场
2018/08/18 DOTA
跟老齐学Python之使用Python操作数据库(1)
2014/11/25 Python
剖析Django中模版标签的解析与参数传递
2015/07/21 Python
Python安装官方whl包和tar.gz包的方法(推荐)
2017/06/04 Python
Python之ReportLab绘制条形码和二维码的实例
2018/01/15 Python
Python装饰器用法示例小结
2018/02/11 Python
pycharm 在windows上编辑代码用linux执行配置的方法
2018/10/27 Python
Flask框架重定向,错误显示,Responses响应及Sessions会话操作示例
2019/08/01 Python
Python3自动生成MySQL数据字典的markdown文本的实现
2020/05/07 Python
解决pycharm debug时界面下方不出现step等按钮及变量值的问题
2020/06/09 Python
pycharm 使用tab跳出正在编辑的括号(){}{}等问题
2021/02/26 Python
amazeui页面校验功能的实现代码
2020/08/24 HTML / CSS
微型企业创业投资计划书
2014/01/10 职场文书
企业金融服务方案
2014/06/03 职场文书
园林系毕业生求职信
2014/06/23 职场文书
幼儿园个人总结
2015/02/28 职场文书
2016教师节问候语
2015/11/10 职场文书
Django集成富文本编辑器summernote的实现步骤
2021/05/31 Python
详解Python常用的魔法方法
2021/06/03 Python