jquery分页插件jpaginate在IE中不兼容问题
作者:
这篇文章主要介绍了jquery分页插件jpaginate不兼容ie的问题,需要的朋友可以参考下
下了个分页插件用,网上下载下来的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');
}
图一:正常
图二:在我的环境中
图三:加上if(ver == 'ie8'){}后(我的环境是ie8)
图四:加上 _ulwrapdiv.css('float','left'); //后,经测试在ie7,ie8,ie9都可以,只是有一点不对称。
但是在我的页面中则不能正常显示。可能是因为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');
}
图一:正常
图二:在我的环境中
图三:加上if(ver == 'ie8'){}后(我的环境是ie8)
图四:加上 _ulwrapdiv.css('float','left'); //后,经测试在ie7,ie8,ie9都可以,只是有一点不对称。
您可能感兴趣的文章:
- PHP+jQuery+Ajax实现分页效果 jPaginate插件的应用
- jQuery插件jPaginate实现无刷新分页
- jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
- jquery分页插件jquery.pagination.js使用方法解析
- 一款Jquery 分页插件的改造方法(服务器端分页)
- 最实用的jQuery分页插件
- jQuery Pagination分页插件使用方法详解
- 快速掌握jquery分页插件jqPaginator的使用方法
- jQuery ajax分页插件实例代码
- jquery+css3打造一款ajax分页插件(自写)
- 超好用的jQuery分页插件jpaginate用法示例【附源码下载】