페이지 준비 완료

우선 불쌍한 영어에 대해 유감스럽게 생각합니다. 페이지 준비 완료

<ul class="menu"> 
    <li> 
    <a href="#">Label 1</a> 
    <ul class="sub-menu"> 
     <li> 
     <a href="#">Label 1</a> 
     </li> 
    </ul> 
    </li> 
</ul>

나는 ul.menu 리튬 클릭

, 아이 : 내가 설명하려고합니다 문제가 명확하지 않은 경우이 같은 메뉴를 가지고 ... 말해

을 주저하지 마십시오 콘텐츠는 아코디언 시스템으로 표시됩니다. 스크립트가 제대로 작동합니다.

CSS에서 "브라우저"에 자바 스크립트가 표시되지 않습니다 (자바 스크립트가 브라우저에서 활성화되지 않은 경우). 내 script.js 파일에서 doc이 준비되면 메뉴를 관리하는 기능을 시작합니다.이 기능에서는 필자가 ul.sub-menu를 숨겨서 시작한 다음 메뉴의 메커니즘을 살펴 봅니다.

페이지가로드 될 때 가장 먼저 ul.sub-menu가 블록으로 표시되는 것을 볼 수 있습니다. 매우 빠르게 "script.js"파일이 해당 요소를 숨기고 그 요소를 숨 깁니다. 메뉴가로드 된 후에 표시 될 때마다 메뉴가 깜박이고 (모든 항목이 열리고 모든 하위 메뉴가 사라지는 것처럼 보이기 때문에) 사용자에게 불쾌한 효과를줍니다.

이 문제를 해결하려면 어떻게해야합니까? 도움을 주셔서 미리 감사드립니다 ...

NB - 모든 기능이 작동하고 있으며, 시각적 인 문제입니다.

출처

2011-09-30 user973002

할 수있는 가장 좋은 것은 당신의 CSS에서

ul.sub-menu{ 
    display:none; 
}

로 시작하는 것입니다.

그리고 나서 방문자가 링크/호버를 활성화하면, ec.

출처

2011-09-30 12:12:29

답장을 보내 주셔서 감사합니다. 나는 너와 나는 그것에 동의했다. 그러나 문제는 브라우저에서 자바 스크립트를 활성화하지 않은 사람들이 메뉴를 볼 수있게하고 싶다는 것입니다. – user973002

페이지 준비 완료

답변

관련 문제