Заморозить нажатие при наведении курсора мыши

#jquery #onclick #hover

#jquery #onclick #наведите

Вопрос:

  $(".somediv").hover(
     function() {
         $(this).animate({'margin-top':'100px'},1000);
     },
     function() {
         $(this).animate...…
     }
 );
 $(".somediv").click(function ....????      
  

Вопрос в том, как я могу заморозить анимацию при нажатии на поле-вверху: состояние 100 пикселей, не позволяющее выполнять функцию onmouseout после нажатия на какой-либо элемент

Но следующий щелчок должен разморозить функции наведения, заранее спасибо


stop() не помогает предотвратить отмену наведения

 $("#one.button").hover(function() {
$(this).animate({'margin-top':'30px'},{queue:false,duration:700});
}, function() {
$(this).animate({'margin-top':'10px'},{queue:false,duration:700});
  });

$("#one.button").click(function(){
$("#one.button").stop().animate({'margin-left':'0px'},{queue:false, duration:700});
 });
  

после нажатия #one.кнопка анимируется до размера слева от поля: 0px, а после этого она не отображается до размера вверху поля: 10px

Ответ №1:

Попробуйте:

  $(".somediv").click(function() {
   $(this).stop()
 });
  

Смотрите здесь для получения дополнительной информации:

http://api.jquery.com/stop/