显示隐藏层中select标签中的option为什么在IE浏览器鼠标移上去就整个DIV都隐藏了，怎么解决啊？？？急急急啊，求高手赐教！！

liyuhuazai2011 2013-04-18 02:57:19

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*{ padding:0; margin:0;}
#one{ float:left; width:250px; height:25px; }
#two{ float:left; width:258px; height:264px; display:none; left:0; top:50px;position:absolute; border-left:none; background:#CCCCCC;}
#one_two{ width:250px; height:25px; background:#CCCCCC;}
#one_three{ width:250px; height:25px; background:#999;}

</style>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#one_three").hover(function(){
$("#two").show(function(){
$(this).mouseleave(function(){
$(this).hide();
});
});
});
});

</script>
</head>

<body>
<div id="big">
<div id="one" >
<div id="one_three"></div>
<div id="one_two"></div>
</div>
<div id="two">
<ul>
<li><a href="#">sdfsdfs</a></li>
<li><a href="#">sdfsdfs</a></li>
<li><a href="#">sdfsdfs</a></li>
</ul>
<select>
<option><a href="#">WWWWWWWWWW</a></option>
<option><a href="#">WWWWWWWWWW</a></option>
<option><a href="#">WWWWWWWWWW</a></option>
<option><a href="#">WWWWWWWWWW</a></option>
</select>
</div>
</div>
</body>
</html>

...全文

174 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

liyuhuazai2011 2013-04-18

打赏
举报

版主果然给力

Go 旅城通票 2013-04-18

打赏
举报

[code=javascript]    $(document).ready(function () {
        $("#one_three").hover(function () {
            $("#two").show(function () {
                $(this).mouseleave(function (e) {
                    var o = e.relatedTarget || e.toElement;//判断下移动到的对象，移动到option上ie下是null，firefox等为undefined。。
                    if (!o) return;//为option退出不隐藏
                    $(this).hide();
                });
            });
        });
    });

[/code]

张运领 2013-04-18