HoverIntent を使用してポップアップ メニューを表示してきましたが、以下のコードは 1 回だけ機能します。
#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" );
}