Исчезание изображения в Jquery hover

Question

Я использую очень простой скрипт jquery для отображения изображения при наведении (как показано ниже):

HTML:

<li>
    <div class="block">
      <div class="drag"></div> (display:none in css)
    </div>
</li>

<li>
    <div class="block">
      <div class="drag"></div>
    </div>
</li>

.... еще много элементов списка с такимформат.Jquery:

$(".block").hover(function(){
      $(this).find(".drag").stop().fadeIn(250);                
  }, function(){
      $(this).find(".drag").stop().fadeOut(250);
});

Хотя это работает, оно работает ОЧЕНЬ хорошо.Случайно, некоторые .block div не показывают изображение, а некоторые не полностью его отображают.Это происходит случайным образом .... хотя общий эффект работает.Любые идеи о том, почему это происходит, или лучший способ написать этот сценарий?

Answer 1

вы можете обратиться к этому руководству, чтобы узнать, как использовать стоп по-разному ... использование стопа ()

наиболее подходящим способом для вашего состояния является ...

$(".block").hover(function(){
  $(this).find(".drag").stop(true,true).fadeIn(250);                
}, function(){
  $(this).find(".drag").stop(true,true).fadeOut(250);
});

Answer 2

попробуйте использовать стоп (true, true) надежду, которая помогает