實時事件處理程序上Jquery動畫的構建

Question

我在jquery中使用“實時”技術，使用下面的代碼和此站點上的代碼在懸停時添加圖標： http : //vitaminjdesign.com/adrian/ ：

$('a').live('mouseover mouseout', function(event) {
      if (event.type == 'mouseover') {
            $('<a href="#"><img src="images/facebook.gif" class="facebook" alt="facebook"></a>').appendTo(this).fadeIn(500);
            $('<a href="#"><img src="images/twitter.gif" class="twitter" alt="twitter"></a>').appendTo(this).fadeIn(500);
      } else {
            $('a').find('.facebook,.twitter').fadeOut(500);
      }
});

這可以完美工作，但是會加載圖標。 通常，我使用.stop（）命令，但這不起作用，可能是因為我使用的是實時事件處理程序？ 有什么建議么？ 另外，圖標似乎並沒有消失，只是逐漸消失。

Answer 1

嘗試clearQueue（）

這應該清除事件的隊列。

Answer 2

像這樣嘗試.stop（true，true） ：

$('a').live('mouseover mouseout', function(event) {
      if (event.type == 'mouseover') {
            $('<a href="#"><img src="images/facebook.gif" class="facebook" alt="facebook">    </a>').appendTo(this).fadeIn(500);
            $('<a href="#"><img src="images/twitter.gif" class="twitter" alt="twitter">    </a>').appendTo(this).fadeIn(500);
      } else {
            $('a').find('.facebook,.twitter').stop(true, true).fadeOut(500);
      }
});

jQuery API-停止