Jquery Hover Мерцающий вопрос - PullRequest
Новая
       14

Jquery Hover Мерцающий вопрос

4 голосов
/ 07 января 2011

Надеюсь, у тебя все будет хорошо.Вот мой основной код:

http://jsfiddle.net/kr9pY/7/

В этой демонстрации вы можете увидеть, когда мы наведем курсор на div с id = "container", div с class = "nav" появится.Но проблема в том, что после этого, если я наведу курсор на div с class = "nav", div исчезнет и снова включится, и если я слегка переместлю курсор в .nav div, он повторяет это поведение несколько раз.Я не хочу такого поведения, когда мы наводим курсор на .nav div или курсор перемещения внутри этого div.

Спасибо, и извините за мой плохой английский.

1 Ответ

9 голосов
/ 07 января 2011

Попробуйте 

$(document).ready(function(){ 

   $("#containerNav").hover(
   function() { $('.nav').stop(true, true).fadeIn(); },
   function() { $('.nav').stop(true, true).fadeOut(); }
   );
   });

Взято из http://api.jquery.com/stop/

Я изменил разметку, добавив также содержащий div, который останавливает вызов мыши. 

<div id="containerNav">
    <div class="nav"><a class="prev" href="#">Prev</a> <a class="next" href="#">Next</a>  </div>
    <div id="container">
        Some Content in Container
    </div>
</div>

Теперь, когда вы наводите курсор на элементы управления, вы не выполняете отпуск мышью, который вызывает мигание.

http://jsfiddle.net/kr9pY/9/

...