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