0

私は 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>

ここにオンライン Web サイトがあります。問題を確認できます。 「製品」ボタンにすばやくカーソルを合わせてください。

ありがとう!

4

1 に答える 1

1

私があなたの問題について間違っていると推測しない場合は、stop()を使用する必要があります。これで問題あり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')
    });
});​

デモ: http: //jsfiddle.net/vGuHh/

于 2012-12-03T14:50:56.217 に答える