IE低于11，jquery Easydropdown不选择Dropdown中的最后一项答案

【问题标题】：IE below 11, jquery Easydropdown doesn't select last item in DropdownIE低于11，jquery Easydropdown不选择Dropdown中的最后一项
【发布时间】：2015-06-21 01:23:12
【问题描述】：

为了初始化下拉菜单，我使用了

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

初始化下拉菜单。

请查看我推荐的This链接

尝试选择月份或年份（有滚动条的下拉菜单），在 IE 的下拉菜单中选择最后一项，它不会选择。

现在下拉菜单在所有浏览器上都可以正常工作，但在任何 IE 版本（我测试过 9 、 10 ）上，最后一个元素都没有被选中。

请检查存在滚动的下拉菜单，（首先在 IE 中打开该站点）。当我选择最后一项时，它没有选择。但是除了最后一项之外的所有项目都在选择。

可能是什么问题？

我的意思是他们的插件不能在 IE 中运行。应该如何整改？

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

【问题讨论】：

在 IE 11 上似乎没问题
@huanfeng 好的，IE11下面有问题吗？
看来我仍然可以在 IE10 和 IE9 上选择 1990 作为去年，（不是真正的 IE10 和 IE9，IE10 和 IE9 的用户代理，我收到一些错误消息：语法错误，无法识别的表达式： .dropdown.)
在 chrome 上它也会有同样的错误信息。

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

【解决方案1】：

我自己解决了问题，只是在 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;
}
*/

【讨论】：

【解决方案2】：

使用“z-index”

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

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

【讨论】：