0 
$(document).ready(function(){
$("a").mouseover(function(){
var currentId = $(this).attr('id')+"S";
$(".stay:visible").hide("explode",[],200);
$("#" + currentId).show("bounce");
});
});

.stay { 
display:none;
      }
<body>
<div id="parent">
  <a id="aaa"></a>
  <a id="bbb"></a>
  <a id="ccc"></a>
  <div id="holder">
     <div class="stay" style="display:inline"></div><!--Starting Div, leaving on first mouseover-->
     <div class="stay" id="aaaS"></div>
     <div class="stay" id="bbbS"></div>
     <div class="stay" id="cccS"></div>
  </div>
</div>
</body>

我有我的锚点和每个对应的 div 和一个共享的 class="stay"。div 一开始是隐藏的，在鼠标悬停在相应的锚点上时，我希望它们显示在持有者 div 中。div 包含一个图像，当我将其全部单独编写脚本时，快速鼠标将导致所有 div 堆叠在页面下方。尝试 .stop() 和 .clearqueue() 无济于事，所以我想尝试一个捕获所有过程。问题是它没有将锚识别为我要求其 ID 的元素。我真的很了解这一点，因此不胜感激。编辑 - 我现在选择了 div，但是如果我将鼠标悬停在锚点上太快，它们仍然会堆叠页面。

4

1 回答 1

1

最终使用hoverIntent 对结果非常满意。

于 2012-06-22T14:43:20.827 回答