앵커 이름이 앵커 링크에 연결되어 있지 않습니다.

Question

건물에있는 모바일 사이트에 메뉴 버튼이 있습니다. 맨 아래에있는 내비게이션 메뉴에 링크되어있어 사용자가 클릭하여 메뉴 바로 아래로 떨어질 수 있습니다. HTML을 여러 번 확인했지만이 특정 사이트에서 작동하지 않는 이유를 모르겠습니다.

<a href="#bottom_nav">Menu</a> 

가 링크 : 나는 이름 속성과도 ID에 연결 시도

<a href="" name="bottom_nav" id="bottom_nav"><img src=""/></a> 

(.이 사이트 can be found here)

여기 내 코드입니다. 어느 쪽도 일하지 않았다. 누구든지 내 코드에 문제가 있습니까? 나는 img 태그에도 이름과 ID를 추가하려고 시도했다.

Answer 1

한 번에 너무 많은 버전의 jQuery를로드하려고 시도 중일 것이라고 생각합니다. 링크 앵커가 이름이 지정된 앵커로 건너 뛰는 것을 방지하는 것으로 보입니다. 웹 페이지의 상단에

이있다 : 그런 다음

<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 

를 웹 페이지의 하단에 당신이 있습니다

<script src="/tiffin-music-and-art-festival/mobile/js/jquery.mobile-1.2.0.js"></script> 
<script src="/tiffin-music-and-art-festival/mobile/js/jqm-docs.js"></script> 
<script src="/tiffin-music-and-art-festival/mobile/js/jquery-1.7.1.min.js"></script> 

시도를하고 결정하는 jQuery 버전을 포함시키고 싶으면 추가 라인을 제거하십시오. 그러면 링크 점프가 작동합니다.