DurandalJs가 앵커를 무시합니다. #

Question

DurandalJS 앱에서 Zurb Foundation 탭을 구현하려고합니다. Zurb Foundation은 탭 HTML 구조에서 #을 사용합니다. #은 내용과 탭을 연결하는 데 사용됩니다.

<ul class="tabs" data-tab> 
    <li class="tab-title active"><a href="#panel2-1">Tab 1</a></li> 
    <li class="tab-title"><a href="#panel2-2">Tab 2</a></li> 
</ul> 
<div class="tabs-content"> 
    <div class="content active" id="Div1"> 
     <p>First panel content goes here...</p> 
    </div> 
    <div class="content" id="Div2"> 
     <p>Second panel content goes here...</p> 
    </div> 
</div> 

DurandalJs가 앵커 클릭을 가로 채고 있으며 Zurb이 탭을 변경할 수 있도록 허용하지 않고 기본 페이지를로드하고 있습니다. DurandalJs에게 Zurb의 탭 구조에서 사용되는 앵커를 무시하도록 어떻게 말합니까?

Answer 1

이것은 단일 페이지 응용 프로그램 라우터와 탭 모두에서 URL에 앵커 태그를 사용하기 때문에 매우 일반적인 문제입니다. 내가 추천하는 것은 앵 탭을 포함하지 않는 탭 구조에 대해 다른 접근 방식을 취하는 것입니다.