jquery分頁(yè)插件jpaginate在IE中不兼容問(wèn)題
更新時(shí)間:2014年04月22日 16:23:25 作者:
這篇文章主要介紹了jquery分頁(yè)插件jpaginate不兼容ie的問(wèn)題,需要的朋友可以參考下
下了個(gè)分頁(yè)插件用,網(wǎng)上下載下來(lái)的demo在各ie版本下有點(diǎn)差別,但是還是可以用。
但是在我的頁(yè)面中則不能正常顯示??赡苁且?yàn)閐iv嵌套過(guò)多或者position定位造成的。
我改了下源碼基本可以在ie7,ie8,ie9正常顯示。以下是部分源碼。發(fā)現(xiàn)用別人的東西出了問(wèn)題很難搞啊。關(guān)鍵是那個(gè)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');
}
圖一:正常

圖二:在我的環(huán)境中

圖三:加上if(ver == 'ie8'){}后(我的環(huán)境是ie8)

圖四:加上 _ulwrapdiv.css('float','left'); //后,經(jīng)測(cè)試在ie7,ie8,ie9都可以,只是有一點(diǎn)不對(duì)稱。
但是在我的頁(yè)面中則不能正常顯示??赡苁且?yàn)閐iv嵌套過(guò)多或者position定位造成的。
我改了下源碼基本可以在ie7,ie8,ie9正常顯示。以下是部分源碼。發(fā)現(xiàn)用別人的東西出了問(wèn)題很難搞啊。關(guān)鍵是那個(gè)ie啊。
復(fù)制代碼 代碼如下:
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');
}
修改后的代碼:
復(fù)制代碼 代碼如下:
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');
}
圖一:正常

圖二:在我的環(huán)境中

圖三:加上if(ver == 'ie8'){}后(我的環(huán)境是ie8)

圖四:加上 _ulwrapdiv.css('float','left'); //后,經(jīng)測(cè)試在ie7,ie8,ie9都可以,只是有一點(diǎn)不對(duì)稱。
您可能感興趣的文章:
- PHP+jQuery+Ajax實(shí)現(xiàn)分頁(yè)效果 jPaginate插件的應(yīng)用
- jQuery插件jPaginate實(shí)現(xiàn)無(wú)刷新分頁(yè)
- jQuery Pagination Ajax分頁(yè)插件(分頁(yè)切換時(shí)無(wú)刷新與延遲)中文翻譯版
- jquery分頁(yè)插件jquery.pagination.js使用方法解析
- 一款Jquery 分頁(yè)插件的改造方法(服務(wù)器端分頁(yè))
- 最實(shí)用的jQuery分頁(yè)插件
- jQuery Pagination分頁(yè)插件使用方法詳解
- 快速掌握jquery分頁(yè)插件jqPaginator的使用方法
- jQuery ajax分頁(yè)插件實(shí)例代碼
- jquery+css3打造一款ajax分頁(yè)插件(自寫)
- 超好用的jQuery分頁(yè)插件jpaginate用法示例【附源碼下載】
相關(guān)文章
基于jquery實(shí)現(xiàn)圖片上傳本地預(yù)覽功能
這篇文章主要介紹了基于jquery實(shí)現(xiàn)圖片上傳本地預(yù)覽功能的相關(guān)資料,需要的朋友可以參考下2016-01-01
jQuery幫助之篩選查找 children([expr])
取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有子元素的元素集合。2011-01-01
基于jQuery對(duì)象和DOM對(duì)象和字符串之間的轉(zhuǎn)化實(shí)例
下面小編就為大家?guī)?lái)一篇基于jQuery對(duì)象和DOM對(duì)象和字符串之間的轉(zhuǎn)化實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
使用jquery實(shí)現(xiàn)別踩白塊小游戲的方法實(shí)例
別踩白塊是一款簡(jiǎn)單易上手的數(shù)字小游戲,下面這篇文章主要給大家介紹了關(guān)于使用jquery實(shí)現(xiàn)別踩白塊小游戲的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
Easyui 關(guān)閉jquery-easui tab標(biāo)簽頁(yè)前觸發(fā)事件的解決方法
這篇文章主要介紹了Easyui 關(guān)閉jquery-easui tab標(biāo)簽頁(yè)前觸發(fā)事件 ,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-04-04
jQuery獲取select選中的option的value值實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jQuery獲取select選中的option的value值實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
jQuery的Ajax的自動(dòng)完成功能控件簡(jiǎn)要說(shuō)明
jQuery的Ajax的自動(dòng)完成功能 允許您輕松地創(chuàng)建自動(dòng)完成/自動(dòng)提示框的文本輸入字段;如果沒(méi)有特定查詢的結(jié)果,它停止發(fā)送請(qǐng)求到服務(wù)器的其他查詢感興趣的朋友可以參考下啊2013-02-02

