IE低于11,jquery Easydropdown不会选择Dropdown中的最后一项

时间:2015-04-15 07:33:57

标签: javascript jquery css internet-explorer drop-down-menu

要初始化下拉列表,我使用了

    var $selects = $('select');
    $selects.easyDropDown();

初始化下拉列表。

请查看我提及的This链接

尝试选择月份或年份(下拉列表中有滚动条),选择IE中下拉列表中的最后一项,它不会选择。

现在下拉列表在所有浏览器上都正常工作,但在任何IE版本上(我测试了9,10),最后一个元素没有被选中。

请检查滚动存在的下拉列表,(首先在IE中打开网站)。当我选择最后一项时,它不会选择。但除了最后一项之外的所有项目都在选择。

可能是什么问题?

我的意思是他们的插件在IE中不起作用。应该怎么做才能纠正?

请检查 Fiddle 我做了,你可以滚动鼠标指针,但最后一个元素没有选择。

2 个答案:

答案 0 :(得分:0)

我自己解决了问题,只是在easydropdown.css中注释了这个类,这给了我IE中的问题 - >

/*
.dropdown.scrollable div::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;

    box-shadow: inset 0 -50px 30px -35px #fff;
}
*/

答案 1 :(得分:-1)

使用'z-index'

jquery.easydropdown.js 
========================
open: function(){
...
self.$scrollWrapper.css('z-index','0'); //IE9와 IE10에서 scrollWrapper가 ul보다 앞에 나오는 현상 방지.}
=========================

easydropdown.css
==========================
dropdown ul{
...
    z-index: 1;
}