Question

我是JS和Jquery的新手，我正在尝试使用slideDown创建一个下拉菜单，但是当我在父链接中快速拖动鼠标很多次时，情况有点不对。

以下是代码：

jQuery(document).ready(function($) {
  $('li.parent').mouseenter(function() {
    $('.sub').slideDown('fast')
  });

  $('li.parent').mouseleave(function() {
    $('.sub').slideUp('fast')
  });
});

和HTML

 <li class="parent">
   <span>Produtos</span>
    <ul class="sub">
    <div class="sub-bg">
        <li>
          <a href='produtos.php?categoria=9'>Banho</a>
        </li>
        <li>
          <a href='produtos.php?categoria=7'>Cama</a>
        </li>
     </div>
    </ul>
   </li>

而且here是在线网站，所以你们可以看到问题，只需在“Produtos”按钮中快速盘旋..

谢谢！

Answer 1

如果我对您的问题没有错误，您只需使用stop the currently-running animation on the matched elements即jQuery(document).ready(function($) { $('li.parent').mouseenter(function() { $('.sub').stop().slideDown('fast') }); $('li.parent').mouseleave(function() { $('.sub').stop().slideUp('fast') }); });即可。

{{1}}

演示： stop()

下拉菜单jquery有问题

1 个答案: