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