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