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

您可能感興趣的文章:
- PHP+jQuery+Ajax實現(xiàn)分頁效果 jPaginate插件的應(yīng)用
- jQuery插件jPaginate實現(xiàn)無刷新分頁
- jQuery Pagination Ajax分頁插件(分頁切換時無刷新與延遲)中文翻譯版
- jquery分頁插件jquery.pagination.js使用方法解析
- 一款Jquery 分頁插件的改造方法(服務(wù)器端分頁)
- 最實用的jQuery分頁插件
- jQuery Pagination分頁插件使用方法詳解
- 快速掌握jquery分頁插件jqPaginator的使用方法
- jQuery ajax分頁插件實例代碼
- jquery+css3打造一款ajax分頁插件(自寫)
- 超好用的jQuery分頁插件jpaginate用法示例【附源碼下載】
相關(guān)文章
jQuery的實現(xiàn)原理的模擬代碼 -1 核心部分
最近又看了一下 jQuery 1.4.2, 為了便于理解,將 jQuery 的核心使用比較簡單的代碼模擬一下。方便學(xué)習(xí)。2010-08-08jquery如何實現(xiàn)在加載完iframe的內(nèi)容后再進行操作
怎么實現(xiàn)在加載完iframe的內(nèi)容后才進行下一步操作,通過jquery可以實現(xiàn),為iframe添加onload事件,具體如下,喜歡的朋友不妨參考下或許對大家有所幫助2013-09-09Jquery 方塊隨著鼠標(biāo)所在的區(qū)域而放大
下面都是默認一樣大小的方塊,當(dāng)鼠標(biāo)放到你想要放的位置,則當(dāng)前位置的方塊則放大。2010-05-05