1

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" );
}
4

0 に答える 0