jquery .hover和.delay

时间:2011-01-12 07:11:33

标签: jquery

我想通过使用.delay和.queue来防止在悬停时意外激活工具提示。

它有效,除了我不知道如何在鼠标移开时停止执行队列(离开该区域)

$('.has_tooltip').hover(
  function(){
    $(this).toggleClass('highlight').delay(400).queue(function(next){
      $(this).children('.tooltip').show(); next();
    });
  }, 
  function(){
    $(this).toggleClass('highlight').children('.tooltip').fadeOut(200)
  }
);

1 个答案:

答案 0 :(得分:2)

正如Gidon所说,http://cherne.net/brian/resources/jquery.hoverIntent.html应该可以正常工作。