jquery : 마우스가 요소 위에있을 경우 초기 페이지에서 호버 제거

Question

마우스를 올리면 하위 메뉴가 표시된 메뉴가 있습니다. 내 문제는 페이지가로드 될 때 마우스가 메뉴 요소 중 하나 위에 있으면 호버 이벤트가 시작된다는 것입니다. 내가 원했던 것은 초기 페이지로드시 마우스가 메뉴 요소 중 하나 위에 있으면 호버 이벤트가 발생하지 않는다는 것입니다. 마우스가 메뉴 요소 위에 있지 않으면 사용자 마우스가 메뉴 요소 위에 놓이면 일반 마우스 오버 이벤트가 발생합니다. 일체의 도움에 미리

감사합니다, B

Answer 1

방지 발사에서 호버 요소의 기본 동작.

$(document).ready(function() { 
    // sets a loaded class on your menu when DOM is loaded (you could also try the $(window).load event) 
    $('#menu').addClass('loaded'); 

    // add the hover event on the links of your menu only if the menu has the loaded class 
    $('#menu.loaded a').live('mouseover mouseout', function(event) { 
       if (event.type == 'mouseover') { 
        // do something on mouseover 
       } else { 
        // do something on mouseout 
       } 
      }); 
     }); 

Answer 2

, 여기에 jQuery를 사용하여 영감 하나입니다. 이벤트 응답을 지연시킬 수 있습니다. 따라서 마우스가 끝나면 즉시 이벤트가 발생하지 않습니다.

Answer 3

사용 hoverIntent jquery plugin : Mörre 아이디어가 좋은 @

$("menuElementSelector").hover(function(e){ 
e.PreventDefault(); 
});