자바 스크립트 드롭 다운 메뉴 - Mac에서 사라지는 부분?

Question

내 웹 사이트에는 다양한 페이지가 있으며 모든 페이지에는 상단에 중복 된 탐색 메뉴가 있습니다. 이것은 PC의 모든 브라우저에서 정상적으로 작동합니다. 그러나 사파리 또는 iPad의 Mac에서는 일부 페이지에서만 작동합니다.

인물 사진 페이지의 경우 드롭 다운 메뉴 'Info'의 텍스트가 사라지고 클라이언트 영역 드롭 다운 메뉴의 텍스트도 사라집니다.

이 메뉴는 다른 모든 페이지에서 잘 작동하며 코드는 동일하므로 복사하여 붙여 넣기 때문에 왜 이런 일이 발생할 수 있는지 이해할 수 없습니다. 링크는 계속 작동하지만 빈 공간을 클릭하면 링크로 연결되지만 클릭 한 내용을 실제로 볼 수는 없습니다.

모든 자바 스크립트 파일을 업데이트했으며 시도 할 다른 것을 생각할 수 없습니다.

www.yorkshirephotographer.net

코드 :

jQuery(document).ready(function(){ 
    /* for top navigation */ 
    jQuery(" #menu ul ").css({display: "none"}); // Opera Fix 
    jQuery(" #menu li").hover(function(){ 
     jQuery(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown(400); 
    },function(){ 
     jQuery(this).find('ul:first').css({visibility: "hidden"}); 
    }); 
    jQuery(" #menu2 ul ").css({display: "none"}); // Opera Fix 
    jQuery(" #menu2 li").hover(function(){ 
     jQuery(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown(400); 
    },function(){ 
     jQuery(this).find('ul:first').css({visibility: "hidden"}); 
    }); 
}); 

Answer 1

그것은 렌더링 문제가 될 수 있습니다. 당신의 요소를 일부 수정 CSS를 추가하십시오 :

-webkit-transform: translateZ(0); 

그것은 렌더링 강제적으로

... 은이 같은 자바 스크립트로 작업을 수행 할 수 있습니다

jQuery("#menu ul, #menu li").css("-webkit-transform", "translateZ(0)"); 

당신은 모든에 CSS 속성을 적용 할 수 있습니다 어린이는 #menu입니다. 앵커 선택기도 추가합니다.

jQuery("#menu, #menu ul, #menu li, #menu a").css("-webkit-transform", "translateZ(0)"); 

여전히 작동하지 않으면 cufons를 제거해보십시오.