Question

我目前正在使用此代码。每次我将鼠标悬停在选项卡上时它都会打开，但是当我尝试点击时它中的链接会自动关闭。

<script src="jquery.js"></script>
<script>
$(document).ready(function(){
  $("#click").hover(function(){
    $("#guts").slideToggle("fast")
 })
})
</script>
#click{
    margin-bottom:4px;
    padding:1px;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    background:#ffffff; /*tab 1 background color*/
    border:1px solid #000000;
    padding:1px;
    display:block;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
#guts{
    padding:1px;
    display:none;
}

Answer 1

这里看到的是，你已经将悬停事件与#click id相关联，所以每当#guts id向下滑动并且你查看#guts id时，你都会离开#Click，所以关闭视图。

尝试在两者上使用悬停。

$(document).ready(function(){
  $("#click, #guts").hover(function(){
      $("#guts").slideToggle("fast")
    })
})

当我移动鼠标时，如何在悬停时保持标签打开，然后将其关闭？

1 个答案: