jquery分页插件jpaginate在IE中不兼容问题
2014-04-22 00:00
627 查看
下了个分页插件用,网上下载下来的demo在各ie版本下有点差别,但是还是可以用。
但是在我的页面中则不能正常显示。可能是因为div嵌套过多或者position定位造成的。
我改了下源码基本可以在ie7,ie8,ie9正常显示。以下是部分源码。发现用别人的东西出了问题很难搞啊。关键是那个ie啊。
修改后的代码:
图一:正常
图二:在我的环境中
图三:加上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都可以,只是有一点不对称。
相关文章推荐
- jquery分页插件jpaginate不兼容ie的问题
- 使用 jquery-autocomplete插件 完成文本框输入自动填充联想效果 解决兼容IE输入中文问题
- thickbox与jquery 表单插件兼容问题
- PHP+jQuery实现Ajax分页效果:jPaginate插件的应用
- jQuery Pagination 分页插件-初始化两次请求的问题
- JQuery的trim()在IE报错或不兼容问题
- PHP+jQuery+Ajax实现分页效果 jPaginate插件的应用
- Jquery的Flexigrid插件的IE兼容性问题。
- 【滚动条】jquery.mCustomScrollbar在IE的兼容模式下问题
- jquery uploadify上传插件兼容火狐问题
- fancybox1.3.1 基于Jquery的插件在IE中图片显示问题
- jquery.history插件在ie中失效的问题
- select2插件不兼容ie7,ie7下样子显示错位问题
- React和设计良好的jQuery插件并没有什么不兼容的问题。
- jquery解析XML在IE7下不兼容的问题
- 解决ajaxfileupload插件在IE10以下不兼容的问题
- JQUERY版本导致的ff与ie兼容问题
- Jquery 插件图片放大效果(兼容ie 火狐 谷歌 Safari)
- jquery实现图片等比例缩放,解决max-width在ie中不兼容问题