Загрузочные таблицы с вкладками не работают

Question

У меня есть сайт, на котором я хочу отобразить одну из двух таблиц, в зависимости от выбранной пользователем вкладки. Я пытаюсь сделать это, используя классы Bootstrap, в отличие от добавления Javascript на страницу. Я добавил классы, которые, я считаю, необходимы, но щелчок по вкладкам ничего не меняет на экране. Я что-то упускаю?

Вот код:

<ul class='nav nav-tabs ticket_tabs'> 
    <li class='active'><a data-toggle="tab" href="#all">Assigned Tickets</a></li> 
    <li><a date-toggle='tab' href='#open'>Your Tickets</a></li> 
</ul> 
<div class='tab-content'> 
    <div id='all' class='tab-pane fade in active'> 
    <div class='table-responsive text-center'> 
     <table class='table table-hover' id='myTable'> 
      <thead> 
      <th>Status</th> 
      <th class='text-center'>Ticket #</th> 
      <th class='text-center'>Title</th> 
      <th class='text-center' style='padding-right: 20px;'>Category</th> 
      <th class='text-center' style='padding-right: 20px;'>Priority</th> 
      <th class='text-center'>Assigned By</th> 
      <th class='text-center'>Created</th> 
      <th class='text-center'>Updated</th> 
      </thead> 
      <tbody> 
      <?php foreach ($assignedTickets as $ticket): ?> 
      <tr class='clickable-row' data-href = "<?php echo (site_url()); ?>ticketing/editTicket/<?php echo $ticket->ticketId ?>"> 
       <td><div class='status_view text-center'<?php if ($ticket->open == 1): ?>style='background-color: #29F223; font-size:14px;'>Open<?php else: ?>style='background-color: #FF0E18; font-size:14px;' ?>Closed<?php endif ?></td> 
       <td><?php echo $ticket->ticketId ?></td> 
       <td class='text-center'><?php echo $ticket->headline ?></td> 
       <td class='text-center' style='padding-right: 20px;'><?php echo $ticket->category ?></td> 
       <td class='text-center' style='padding-right: 20px;'><?php echo $ticket->priority ?></td> 
       <td class='text-center'><?php echo $ticket->assigned ?></td> 
       <td class='text-center'><?php echo $ticket->dateOpened ?></td> 
       <td class='text-center'><?php echo $ticket->lastUpdated ?></td> 
      </tr> 
      <?php endforeach ?> 
      </tbody> 
     </table> 
    </div> 
    </div> 
    <div id='open' class="tab-pane fade"> 
    <h1>Coming Soon</h1> 
    </div> 
</div> 

Спасибо заранее за помощь!

Answer 1

У вас есть орфографическая ошибка. Вы писали:

datE-toggle="tab" 

Вам нужно написать:

datA-toggle="tab" 

https://jsfiddle.net/evepe2vk/ все во всем коде работают прекрасные