IE 低于 11,jquery Easydropdown 没有 select 下拉列表中的最后一项
IE below 11, jquery Easydropdown doesn't select last item in Dropdown
为了初始化下拉菜单,我使用了
var $selects = $('select');
$selects.easyDropDown();
初始化下拉列表。
请检查This link 我推荐
尝试 select 月或年(具有滚动条的下拉菜单),select IE 下拉菜单中的最后一项,它不会 select.
现在下拉列表在所有浏览器上都可以正常工作,但在任何 IE 版本上(我测试了 9 、 10 ),最后一个元素没有得到 selected。
请检查存在滚动的下拉菜单,(首先在 IE 中打开网站)。当我 select 最后一项时,它没有 select。但是除了最后一项之外的所有项目都是 selecting。
可能是什么问题?
我的意思是他们的插件在 IE 中不工作。应该怎样整顿?
请检查 Fiddle 我做了,你可以通过鼠标指针滚动,但最后一个元素不是 selecting.
我自己解决了问题,只是在 easydropdown.css 中评论了这个 class,这让我在 IE 中出现问题 ->
/*
.dropdown.scrollable div::after{
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 50px;
box-shadow: inset 0 -50px 30px -35px #fff;
}
*/
使用'z-index'
jquery.easydropdown.js
========================
open: function(){
...
self.$scrollWrapper.css('z-index','0'); //IE9와 IE10에서 scrollWrapper가 ul보다 앞에 나오는 현상 방지.}
=========================
easydropdown.css
==========================
dropdown ul{
...
z-index: 1;
}
为了初始化下拉菜单,我使用了
var $selects = $('select');
$selects.easyDropDown();
初始化下拉列表。
请检查This link 我推荐
尝试 select 月或年(具有滚动条的下拉菜单),select IE 下拉菜单中的最后一项,它不会 select.
现在下拉列表在所有浏览器上都可以正常工作,但在任何 IE 版本上(我测试了 9 、 10 ),最后一个元素没有得到 selected。
请检查存在滚动的下拉菜单,(首先在 IE 中打开网站)。当我 select 最后一项时,它没有 select。但是除了最后一项之外的所有项目都是 selecting。
可能是什么问题?
我的意思是他们的插件在 IE 中不工作。应该怎样整顿?
请检查 Fiddle 我做了,你可以通过鼠标指针滚动,但最后一个元素不是 selecting.
我自己解决了问题,只是在 easydropdown.css 中评论了这个 class,这让我在 IE 中出现问题 ->
/*
.dropdown.scrollable div::after{
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 50px;
box-shadow: inset 0 -50px 30px -35px #fff;
}
*/
使用'z-index'
jquery.easydropdown.js
========================
open: function(){
...
self.$scrollWrapper.css('z-index','0'); //IE9와 IE10에서 scrollWrapper가 ul보다 앞에 나오는 현상 방지.}
=========================
easydropdown.css
==========================
dropdown ul{
...
z-index: 1;
}