2012-08-07 2 views
1

지연 매개 변수가 HoverIntent에서 작동하는 데 문제가 있습니다. & WordPress 사이트 용 Superfish. 웹 사이트는 여기에서 찾을 : http://bit.ly/MJ8KT6 멋지고 단순히이 코드를 사용하여 마우스를 이동하면 지연을 제공하지 않는 페이드된다 HoverIntent는 어떤 기회에 의해 비활성화되지 않았 음을 확인하기 위해 거짓HoverIntent 및 Superfish 지연이 작동하지 않습니다.

<script type="text/javascript"> 

// initialise plugins 
jQuery(function(){ 
    jQuery('ul#menu-primary-navigation').superfish({ 
    delay:600 
    }); 
}); 

</script> 

내가 disableHI 설정을 시도했습니다. 워드 프레스 사이트이기 때문에 wp_enqueue_script를 사용하여 스크립트가 제대로로드되고 있는지 확인했지만 다시 사용할 수 없습니다. 코드는 HTML 파일에서 잘 작동하므로 WordPress와 관련이 있어야합니다. 나는 그것이 내가 간과 한 것이 었는지 궁금해. 모든 의견 크게 감사드립니다.

답변

2

이것은 WordPress 및 CSS 정의와 관련된 모든 것과 관련이 없습니다. (따라서 위 주제와 같이 끝날 것입니다.)

.menu ul li ul.sub-menu { 
    position: absolute; 
    left: -9999em; 
    z-index: 9999; 
    width: 200px; 
} 

이 완전히 괜찮 화면 오프 메뉴를 밀어 : 당신은 여전히 ​​대답이 필요하기 때문에하지만 ... 기본 스타일 시트에서

, 당신은 귀하의 하위 메뉴를 포함하는 목록 요소를 정의 . 그러나 당신은 호버 의사 상태로 left: -9999em; 선언을 오버라이드 (override) :

.menu ul li:hover ul { 
    left: auto; 
} 

Superfish 설치조차하지 않고, 하위 메뉴가 나타나고 메인 메뉴 항목 위에 마우스를 가져 가면 화면에 사라지게됩니다 CSS의 조합 . 불행하게도, 그것은 당신이 호버링을 멈추자 마자 메뉴가 즉시 사라질 것을 의미합니다. 그것은 Superfish에 의해 아직도 숨겨지고 있습니다 ... 그것은 더 이상 스크린 상에 있지 않습니다.

CSS에서 단순히 left: -9999em; 선언을 제거하면 타이머가 설정된 지연에 도달 할 때까지 화면에서 마우스를 떼면 메뉴가 계속 표시됩니다. 그런 다음 사라집니다.

+0

안녕하세요 @ 아이먼, 정말 고마워요. 나는 이것이 CSS 문제 일 수 있다고 언급 한 또 다른 글을 읽었고 & 실제로 스타일링의 한 부분을 보았다. 그러나 어떤 이유로 그것은 나뭇 가지가 아니었다. 다시 한 번 감사드립니다.) –