jquery弹出层问题

答案:1 悬赏:20 手机版

解决时间 2021-05-16 08:44

提问者网友：川水往事
2021-05-15 22:19

大伙我有一个弹出层：
HTML：<div id="add" >
<a herf="">123</a>
<br/>456789
</div>
jquery: var objStr = "#add";
$(objStr).mouseover(function() { $(objStr).show()});
$(objStr).mouseout(function() { $(objStr).hide(); });
我移动到a标记的时候层就被hide了，怎么解决这个问题呢

而这样却不会！是怎么回事

#UpLayer span{border:#fff 1px solid; width:80px; padding:0 5px; line-height:20px; display:block;}
#UpLayer ul{display:none;position:absolute;border:#ccc 1px solid;width:80px; padding:5px; line-height:20px; background:#f1f1f1; margin:-1px 0 0 0;}
#UpLayer ul li{ border-bottom:#ccc 1px dashed;}
</style>
</head>
<body>
<script type="text/javascript">
// 弹出层
$(document).ready(function(){
var objStr = "#UpLayer";
$(objStr).mouseover(function(){$(objStr + " ul").show();});
$(objStr).mouseout(function(){$(objStr + " ul").hide();});
});
</script>

<div id="UpLayer">
<span><a>弹出层</a></span>
    <ul >
        <li><a href="#">手机资讯</a></li>
  <a href="#">手机资讯</a>
        <li><a href="#">热门文章</a></li>
        <li><a href="#">联系站长</a></li>
        <li><a href="#">建议意见</a></li>
    </ul>
</div>

最佳答案

五星知识达人网友：几近狂妄
2021-05-15 22:30

这样才可以的,

<a herf="">123</a>要单拿出来,他不能放在隐藏的块里,那样不会显示的,鼠标就点不到,

----------------------------------

你的这段:

jquery: var objStr = "#add";
$(objStr).mouseover(function() { $(objStr).show()});
$(objStr).mouseout(function() { $(objStr).hide(); });

这是自己控制自己,不可以的.

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！