Вкладки начальной загрузки не отключаются

Я использую компонент tabs из Bootstrap, и он, кажется, работает нормально, но когда я перехожу на вкладку, то оставляю ее, вкладка сохраняет активный класс. Так что они не будут работать, когда я их всех рассмотрю. Это код, который у меня есть (я использую Django)

<ul id="question-tabs" class="nav nav-tabs nav-justified" role="tablist" data-tabs="question-tabs">
    <li role="presentation" class="active"><a href="#latest" data-toggle="tab">Latest</a></li>
    <li role="presentation"><a href="#unans" data-toggle="tab">Unanswered <span class="badge">{{ total_noans }}</span></a></li>
    <li role="presentation"><a href="#reward" data-toggle="tab">Most Rewarding <span class="badge">{{ reward | length }}</span></a></li>
</ul>

Я не нашел проблему, я пытался использовать JS фрагмент Bootstrap обеспечивает...

$('#question-tabs a').click(function (e) {
  e.preventDefault()
  $(this).tab('show')
})

... но это не сработало. Это может быть глупо, но я не мог понять. Я ценю любую помощь.

Если вы хотите живой пример того, что я говорю, перейдите по https://seoq.swapps.io/qa/

Источник

2 ответа

Решение

Да, это было глупо. В базовом шаблоне вызываемый файл Bootstrap.js был файлом версии 4. Теперь он работает. Я извиняюсь и спасибо вам всем.

Источник

Просто поместите этот код в скрипт для вашей конкретной страницы (project.js). Я надеюсь, что это решит проблему:

$(function(){
  $('#question-tabs a').click(function (e) {
    e.preventDefault()
    $(this).tab('show')
  });
});

Наслаждаться:)

Источник
Другие вопросы по тегам