UIKit的V3標籤不起作用

Question

我開始使用UIKit的（V3），我真的很喜歡它。但是無論我嘗試多少，我都不能使用英國標籤。 In this pen我有我試圖使代碼，你可以很容易地看到：（1）在英國的活動類什麼也不做，（2）選項卡的內容部分不顯示（3）在任何的點擊itens在選項卡中什麼都不做。我在switcher和tab文檔中嘗試了一切。這是一個錯誤還是我做錯了什麼？謝謝。

<div uk-grid> 
     <div class="uk-width-auto"> 
      <ul class="uk-tab-left" uk-tab="connect: #datas"> 
       <li><a class="uk-active" href="#">Domingo (20/08)</a></li> 
       <li><a href="#">Segunda (21/08)</a></li> 
       <li><a href="#">Terça (22/08)</a></li> 
       <li><a href="#">Quarta (23/08)</a></li> 
       <li><a href="#">Quinta (24/08)</a></li> 
       <li><a href="#">Sexta (25/08)</a></li> 
       <li><a href="#">Sábado (26/08)</a></li> 
      </ul> 
     </div> 
     <div class="uk-width-expand"> 
      <ul id="datas" class="uk-switcher"> 
       <li> 
        <ul class="uk-list"> <!-- Domingo --> 
         <li><strong>20h:</strong> Abertura com Concerto/Palestra na Igreja, sob a regência do Prof. Dr. Jetro, que apresentará e executará hinos compostos no contexto da Reforma</li> 
        </ul> 
       </li> 
       <li> 
        <ul class="uk-list"> <!-- Segunda --> 
         <li><strong>18h40:</strong> Credenciamento a partir das inscrições feitas anteriormente, via site</li> 
         <li><strong>19h30:</strong> Meditação e oração</li> 
         <li><strong>19h40:</strong> Conferência I: História e Teologia da Reforma</li> 
        </ul> 
       </li> 
       <li> 
        <ul class="uk-list"> <!-- Terça --> 
         <li><strong>16h45:</strong> Meditação e oração.</li> 
         <li><strong>16h55:</strong> Conferência II: Reforma e Educação</li> 
        </ul> 
       </li> 
       <li> 
        <ul class="uk-list"> <!-- Quarta --> 
         <li><strong>14h:</strong> Grupos de trabalho</li> 
         <li><strong>19h30:</strong> Meditação e oração</li> 
         <li><strong>19h40:</strong> Conferência III: Reforma e Eclesiologia</li> 
        </ul> 
       </li> 
       <li> 
        <ul class="uk-list"> <!-- Quinta --> 
         <li><strong>14h:</strong> Grupos de trabalho</li> 
         <li><strong>19h30:</strong> Meditação e oração</li> 
         <li><strong>19h40:</strong> Conferência IV: Reforma e Tradução</li> 
        </ul> 
       </li> 
       <li> 
        <ul class="uk-list"> <!-- Sexta --> 
         <li><strong>20h:</strong> Culto na igreja, com ênfase nos hinos do hinário acerca do tema do evento</li> 
        </ul> 
       </li> 
       <li> 
        <ul class="uk-list"> <!-- Sábado --> 
         <li><strong>8h30 e 10h30:</strong> Encerramento do evento com sermão temático preparado pelo Pr. Dr. Jimmy</li> 
         <li><strong>16h45:</strong> Culto Jovem, com a projeção de excertos do filme Lutero, de Eric Till, 2003. Após o filme, mesa-redonda com a participação de professores dos cursos de História , Teologia e Rádio e TV. </li> 
        </ul> 
       </li> 
      </ul> 
     </div> 
    </div> 

Answer 1

（1）英國活性類做什麼

你必須給類添加到<li>，不給<a>。然後，它會產生下面的CSS，它會影響<a>：

.uk-tab > .uk-active > a { 
    color: #333; 
    border-color: #1e87f0; 
} 

---

（2）的選項卡的內容的部分沒有顯示，（3）在標籤上任何itens的點擊什麼都不做

這一個花了我一段時間，因爲我以前沒有使用uikit和問題是由uikit中的錯誤引起的。如果你只是改變.uk-tab-left到.uk-tab它會工作，所以我搜索了相關問題，並發現了一個bug report on GitHub。筆者有範圍縮小到時[他試圖]把標籤列表上的內容左側的英國製表左類。這是26天前。 bug was fixed 5 days ago，所以它會在下一個版本的uikit。

這裏是一個updated Codepen只適用修正錯誤的給JavaScript。