当事件鼠标悬停中出现挑选下拉框时,选择下拉是选不中的,解决办法:
var o=e .相关目标| | e .至元素;//判断下移动到的对象,移动到选择权上工程师协会下是null,firefox等为未定义。如果(!o)返回;//为选择权退出不隐藏
完整代码案例为:
!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8' /title无标题文档/title style type=' text/CSS ' * { margin :0;划水:0;列表式:无;border:0}。pop _ blue {位置:绝对;光标:指针指针;padding:10px }。pop _ blue span { display : inline-block;宽度:24 px高度:32px背景:网址(./images/pop_blue.png)不重复;}.map _ xf。rud 1 { width :210 px位置:绝对;border:1px实心# ddddisplay:none背景-color : # fff;padding:17px 25px }。map _ xf。rud 1 Li {边距:0 0 8px}.map_xf .rud1输入,map_xf .rud1选择{ height:22px}/style脚本类型=' text/JavaScript ' src=' http : jquery-1。9 .1 .量滴js '/script脚本类型=' text/JavaScript ' $(function(){ $(')' .pop _ blue’).悬停(function(){$(this)).find('.rud1 ').show();$(这个)。css('z-index ',' 9999 ');},函数(e){ var o=e .相关目标| | e . to元素;//判断下移动到的对象,移动到选择权上工程师协会下是null,firefox等为未定义。如果(!o)返回;//为选择权退出不隐藏$(这个)。find('.rud1 ').hide();$(这个)。css('z-index ',' 0 ');})})/script/head dydiv style=' position : relative;宽度width :100 pxh h8 :100 px ' div class=' pop _ blue ' style=' top :0 px;左转:0跨度鼠标移上/spani/idiv class=' rud 1 font 12 ' style=' top :10 px;left :40 pxdisplay : none padd :50 px背景:蓝色;ulli select class=' w100 ' id=' Dan '选项值='选择单元选定=' '选择单元/optionoption value='选择单元选定=' '选择单元1/optionoption value='选择单元选定=' '选择单元2/optionoption value='选择单元选定=' '选择单元3/optionoption value='选择单元选定=' '选择单元4/选项/选择/Li/ul/div/div/body/html(9500 . 163.com)
当鼠标移上时就不会出现选不中挑选的情况了。