HoverIntent只触发一次

时间:2012-09-28 12:02:12

标签: jquery hoverintent

我一直在使用HoverIntent来显示弹出菜单,下面的代码只能运行一次。

我需要#MenuPopup在用户悬停在其上时保持可见,因此我使用clearTimeout(MenuButton.hoverIntent_t);停止hideMenu()函数调用,然后调用hideMenu()时用户不再悬停在#MenuPopup上方。这很有效。

如果我现在鼠标悬停#MenuButton再次#MenuPopup未显示。有什么想法吗?

提前谢谢。

百里

$(document).ready(function(){
    $("#MenuButton").hoverIntent({
        over: showMenu, 
        timeout: 1000, 
        out: hideMenu
});

$("#MenuPopup").hover(
  function () {
    clearTimeout(MenuButton.hoverIntent_t);
  }, 
  function () {
    setTimeout("hideMenu()",1000);  
  }
);  

}); // close document.ready

function showMenu() {  
    $("#MenuPopup").animate({ 
    top: "-195px",
    height: "195px"
  }, 500, "swing" );
}

function hideMenu() { 
    $("#MenuPopup").animate({ 
         top: "0px",
         height: "0px"
        }, 200, "swing" );
}

0 个答案:

没有答案