Les onglets Bootstrap ne sont pas désactivés

Question

J'utilise le composant onglets de Bootstrap, et cela semble fonctionner correctement, mais quand je vais dans un onglet, alors je le laisse, l'onglet conserve la classe active. Donc ils ne fonctionneront pas quand je les aurai tous traversés. Voici le code que j'ai (j'utilise 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> 

Je n'ai pas trouvé le problème, j'ai essayé d'utiliser la JS snippet Bootstrap fournit ...

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

... mais ça n'a pas marché. Ce peut être une chose idiote mais je n'ai pas pu comprendre. J'apprécie toute aide.

Si vous voulez un exemple vivant de ce que je veux dire, aller à https://seoq.swapps.io/qa/

Answer 1

Oui, ce fut une chose stupide. Dans le modèle de base, le fichier Bootstrap.js qui était en cours d'appel était celui de la version 4. Maintenant cela fonctionne. Je suis désolé et merci à tous.

Answer 2

envelopper juste le code comme ceci dans votre script spécifique en page (project.js). J'espère que cela résoudra le problème:

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

Enjoy :)