상위 jQuery 스크립트의 Hoverstate는 한 가지 방법으로 만 작동합니다.

Question

하위 항목 위에 마우스를 올리면 내비게이션의 부모 항목이 커서를 가리 키거나 활성 상태가되도록 설정합니다.

그래서 둘러 보았고 jQuery를 사용하여이를 수행 할 수 있음을 알았습니다. 이 스크립트 작성 :

<script> 
jQuery(document).ready(function($) { 
    var $nav = $('#productnav ul.sub-menu li'); 
    $nav.mouseover(function() { 
      $("#productnav ul.sf-menu li.deeper").addClass(' overstate ') 
     } 
); 
    $nav.mouseleave(function() { 
      $("#productnav ul .sf-menu li.deeper").removeClass(' overstate ') 
     } 
); 
}); 
</script> 

몇 시간이 지나면 (그리고 많은 것을 읽은 후) 작동하도록했습니다. 부분적으로.

클래스가 상위에 추가되어 정상적으로 작동합니다. 그러나 그것은 제거되지 않습니다. 같은 결과로 jQuery에서 호버 메소드로 이것을 시도했다.

아무도이 스크립트의 잘못된 부분을 알고 있습니까?

감사합니다, 한스

Answer 1

확인이 :

$ ("#의 productnav ul.sf 메뉴 li.deeper") $ ("# productnav UL .SF 메뉴 li.deeper")

두 번째 선택기의 "ul"과 ".sf"사이의 공백을 제거하십시오.

나머지 코드는 정상적으로 작동하므로 제대로 작동해야합니다.