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

这是单页面应用程序路由器和标签中非常常见的问题，因为它们都在其网址中使用了anchortag。我建议的是在你的标签结构上采用不同的方法，不涉及anchortags。