jQuery解決下拉框select設(shè)寬度時(shí)IE 6/7/8下option超出顯示不全
更新時(shí)間：2013年05月27日 17:06:47 作者：
jQuery解決IE 6/7/8 BUG：下拉框select設(shè)寬度時(shí)option超出顯示不全，經(jīng)過(guò)修改效果還不錯(cuò)，遇到類(lèi)似情況的朋友可以參考下哈
個(gè)人做了一些自定義的修改
<!--[if lt IE 9]>
<script type="text/javascript">
jQuery(function($){
var el;
$("select").each(function() {
el = $(this);
el.data("origWidth", el.css("width"));
// el.data("oriWidth",85);
})
.focusin(function(){
el=$(this);
el.css("width", "auto");
//if(el.width() < el.data("oriWidth")){
// el.css("width", el.data("origWidth"));
//}
})
.bind("blur change ", function(){
el = $(this);
el.css("width", el.data("origWidth"));
});
});
</script>
<![endif]-->
復(fù)制代碼 代碼如下:
<!--[if lt IE 9]>
<script type="text/javascript">
jQuery(function($){
var el;
$("select").each(function() {
el = $(this);
el.data("origWidth", el.css("width"));
// el.data("oriWidth",85);
})
.focusin(function(){
el=$(this);
el.css("width", "auto");
//if(el.width() < el.data("oriWidth")){
// el.css("width", el.data("origWidth"));
//}
})
.bind("blur change ", function(){
el = $(this);
el.css("width", el.data("origWidth"));
});
});
</script>
<![endif]-->
您可能感興趣的文章:
- jQuery獲取select選中的option的value值實(shí)現(xiàn)方法
- JQuery動(dòng)態(tài)添加Select的Option元素實(shí)現(xiàn)方法
- JS & JQuery 動(dòng)態(tài)添加 select option
- jQuery操作Select的Option上下移動(dòng)及移除添加等等
- JQuery中對(duì)Select的option項(xiàng)的添加、刪除、取值
- 刪除select中所有option選項(xiàng)jquery代碼
- 淺析jQuery對(duì)select操作小結(jié)(遍歷option,操作option)
- JQuery操作Select的Options的Bug(IE8兼容性視圖模式)
- jquery操作select option 的代碼小結(jié)
- jQuery動(dòng)態(tài)產(chǎn)生select option下拉列表
相關(guān)文章
jQuery解析與處理服務(wù)器端返回xml格式數(shù)據(jù)的方法詳解
這篇文章主要介紹了jQuery解析與處理服務(wù)器端返回xml格式數(shù)據(jù)的方法,結(jié)合實(shí)例形式分析了jQuery基于ajax的get方法與后臺(tái)交互操作xml格式數(shù)據(jù)的相關(guān)技巧與注意事項(xiàng),需要的朋友可以參考下2016-07-07
jquery插件ajaxupload實(shí)現(xiàn)文件上傳操作
這篇文章主要為大家詳細(xì)介紹了jquery插件ajaxupload實(shí)現(xiàn)文件上傳操作，感興趣的小伙伴們可以參考一下2015-12-12
本文收藏兩種jquery插件：1、圖片局部放大2、信息提示框,感興趣的朋友可以了解下2013-01-01
這篇文章主要介紹了Jquery使用css方法改變樣式的方法,實(shí)例分析了jQuery中css方法操作樣式的技巧,需要的朋友可以參考下2015-05-05
jQuery EasyUI學(xué)習(xí)教程之datagrid點(diǎn)擊列表頭排序
這篇文章主要介紹了jQuery EasyUI學(xué)習(xí)教程之datagrid點(diǎn)擊列表頭排序的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
jQuery構(gòu)造函數(shù)init參數(shù)分析續(xù)
其實(shí)樓主的F和jQuery.fn.init是相等的; 實(shí)現(xiàn)功能是和jq一樣的, 只是jq的把構(gòu)造函數(shù)放進(jìn)原型;如果非要說(shuō)原因,個(gè)人理解jq這樣寫(xiě)整體結(jié)構(gòu)清晰,先是入口構(gòu)造函數(shù),緊跟著是原型部分(原型里面init是初始化),但是不好理解;乍一看確實(shí)挺繞, 我也是看了好久才明白怎么回事2015-05-05
為jquery.ui.dialog 增加“自動(dòng)記住關(guān)閉時(shí)的位置”的功能
筆者在項(xiàng)目中使用 jquery.ui.dialog 1.7.2時(shí)，當(dāng)使用$("#d").dialog("open");時(shí)，dialog總是彈出在option中指定的位置；2009-11-11
jQuery電話(huà)號(hào)碼驗(yàn)證實(shí)例
這篇文章主要為大家詳細(xì)介紹了jQuery電話(huà)號(hào)碼驗(yàn)證實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
在編寫(xiě)widget的時(shí)候，一般我們需要綁定一些事件，最好將這些widget的綁定事件加上當(dāng)前widget的命名空間。2010-10-10
這篇文章主要介紹了jQuery 選擇符詳細(xì)介紹及整理的相關(guān)資料,這里整理了選擇符的一些資料，幫助到家學(xué)習(xí)這部分內(nèi)容，需要的朋友可以參考下2016-12-12