1

我一直在使用 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" );
}
4

0 回答 0