0
这已被问了很多。但我似乎无法找到可行的解决方案。我有一个jQuery代码可以打开悬停的子菜单,但当我尝试浏览子菜单项时,它会消失。我该如何解决这个问题?jQuery:保持子菜单打开时悬停在子菜单项上
这里是我的代码:
$('.hover').hover(
function() {
$('.drop-box').show();
},
function() {
$('.drop-box').hide();
})
});
.drop-box {
position: absolute;
width: 100%;
height: 60px;
background: darkgreen;
top: 60px;
left: 0;
display:none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="hover">hover</div>
<div class="drop-box">
<div class="container row">
<div class="col-md-4">
<p class="mb-0">Text</p>
</div>
<div class="col-md-4">
<p class="mb-0">Text</p>
</div>
<div class="col-md-4">
<p class="mb-0">Text</p>
</div>
</div>
</div>
</div>
好的,但是如果我不能把它放在里面呢?不知何故,我还能让它工作吗? – hemoglobin
好吧,有一个CSS解决方案可以比jQuery简单得多。好吗? –
当然,只要它有效! – hemoglobin