자바 스크립트 대신

Question

작동하는 데모에 내 코드의 위치는 모바일 (버그)의 개별 링크 중 하나 개의 링크가 될 모든 하위 메뉴의 원인은 :

https://jsfiddle.net/h744n4ek/

내 문제는 그 (모바일에있는 수 jsfiddle 결과 창 크기를 조정하여 다시 만들 수 있습니다.), 하위 메뉴 중 하나를 확장하면 전체 하위 메뉴 블록이 다음 li에 대한 링크로 처리됩니다.

는 명확히하기 : 모바일에

<li><a href='#'>SUPPORT</a> 
    <ul> 
     <li><a href='#'>sub1</a></li> 
     <li><a href='#'>sub2</a></li> 
     <li><a href='#'>sub3</a></li> 
    </ul> 
    </li> 
    <li><a href='products.html'>PRODUCTS</a> 

는 지원의 SUB1, SUB2 및 SUB3는 products.html하는 HREF 단일 블록으로 처리됩니다.

저는 JavaScript가 처음이므로 왜 이런 일이 일어나고 있는지 확인하는 데 문제가 있습니다. 아무도 내 JS 코드가 잘못 될 수 있음을 지적 할 수 있습니까?

Answer 1

귀하의 문제는 여기에 있습니다 :

#cssmenu > ul > li { 
float: none; 
} 

는 플로트를 제거 : 없음;이 수정됩니다.