2012-10-26 2 views
1

나는 메뉴가 줄어 드 : 직접 단어 "영어"에서 하나 개 또는 두 개의 픽셀을 잡을 경우 http://jsfiddle.net/paTNz/2/jQuery를 토글 메뉴

을 메뉴 태세가 종료 백업합니다. 이벤트가 바깥 쪽 li 항목 ("영어"href 및 하위 메뉴)에 모두 포함되어 있기 때문에 이해할 수 없습니다.

도움을 주시면 감사하겠습니다.

+0

http://jsfiddle.net/paTNz/3/

나는이 개 질문이, 공간을 차지하기 위해 링크에 일부 패딩을 추가합니다. 1) 토글하기 전에'e.preventDefault(); '를 사용해야하는 이유는 무엇입니까? 2) 호버를 사용하는 이유는 무엇입니까? 요즘은 많은 터치 스크린을 사용하므로 응용 프로그램이 완벽하게 작동하지 않습니다. –

+0

그냥 숙취, 원래 클릭, 테스트로 변경되었습니다. 다시 shudve로 돌아 왔습니다. http://jsfiddle.net/paTNz/7/ –

답변

2

메뉴 사이에 약간의 공백이 있기 때문에 문제가 발생합니다.

쉬운 수정은

.info li.lang a {padding-bottom:3px} 
+0

감사합니다. –

+0

난 더 나은 대답은 귀하의 리 내부의 절대 포지셔닝입니다, 그래서 리가 요소를 포함하지 않을 것이며 링크는 리 제한에있는 유일한 요소라고 생각합니다. 그래서 우리는 2 개의 메뉴 사이의 간격을 좁히기 위해 패딩이 필요한 이유입니다. 그 말이 맞는다면. –