引導NAV-標籤失敗iPhone

Question

我使用的引導與灰燼的項目，並按照標記產生在桌面上運行的導航標籤，但在Chrome &失敗Safari中的iPhone 6

這裏是標記產生：

<nav> 
    <ul class="nav nav-tabs"> 
    <li id="ember611" class="ember-view active"> 
     <a>Tab 1</a> 
    </li> 
    <li id="ember612" class="ember-view">  
     <a>Tab 2</a> 
    </li> 
    </ul> 
</nav> 

點擊Tab 2不起作用。有什麼建議麼？

這裏是HtmlBars產生這個HTML：

<nav> 
    <ul class="nav nav-tabs"> 
     {{#link-to "foo.bar.tab1" tagName="li" role="presentation"}} 
      <a href={{view.href}}>Matches</a> 
     {{/link-to}} 
     {{#link-to "foo.bar.tab2" tagName="li" role="presentation"}} 
      <a href={{view.href}}>Standings</a> 
     {{/link-to}} 
    </ul> 
</nav> 

我使用的是引導3.3.4，和灰燼1.3

Answer 1

您使用您的li元素鏈接時，他們真的不該」不要。這將在一些瀏覽器中起作用，但它不是標準的。我平時做這樣的事情：

{{#link-to 'foo.bar.tab1' tagName='li' href='false'}} 
    {{link-to 'Matches' 'foo.bar.tab1' role='presentation'}} 
{{/link-to}} 

這將使a標籤的實際鏈接（這將跨瀏覽器工作），但仍然會在active類添加到li元素。