select2插件不兼容ie7,ie7下样子显示错位问题

1.源文件(未修改)

select2.min.cssselect2.min.js

2.ie7下显示样式:

3.ie8下显示样式:

4.经查看发现ie7下对一些属性的解析和ie8不同,需对ie7另作hack

在css样式文件中加入:

*+html .select2-search--dropdown .select2-search__field{width:91%;}
*+html .select2-container{margin-top: -3px;}

在js文件中加入:

if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE7.0")

var w = 100;
$.each(css.width.split('px'), function(i,e) {
if(i == 0){
w = parseInt(e) - 2;
}
});
css.width = w + 'px';
}
this.$dropdown.css(css);
};

5.修改完的文件:

select2.jsselect2.min.jsselect2.min.css

 

posted @ 2015-06-19 13:29  俄小发  阅读(1334)  评论(0编辑  收藏  举报