UIKit v3タブが動作しない

Question

UIKit（v3）を使い始めました。本当に好きです。しかし、私はどのくらい試しても英国のタブを使うことはできません。 In this pen私は作成しようとしているコードを持っています。あなたは、（1）uk-activeクラスは何もしません。（2）タブのコンテンツ部分が表示されていません。タブの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）英国-アクティブクラスは、あなたがいない<a>に、<li>にクラスを追加する必要があり、何も

もしません。その後<a>に影響を与える、以下のCSSを生成します：

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

---

（2）タブのコンテンツ部分が表示されていないと、（3）タブでitensのいずれかをクリック何もしません

私は以前はuikitを使用していないので、これは私がしばらくかかっていたし、問題はuikitのバグに起因しています。 .uk-tab-leftを.uk-tabに変更するだけで問題はないので、関連する問題を検索してbug report on GitHubが見つかりました。著者は、の左側にタブリストを配置しようとすると、がuk-tab-leftクラスに絞り込まれています。これは26日前です。 bug was fixed 5 days agoだから、それはuikitの次のバージョンになります。

updated Codepenは、javascriptにのみバグ修正を適用します。