Bootstrap-Registerkarten deaktivieren nicht

Question

Ich verwende die Tabs-Komponente von Bootstrap, und es scheint zu funktionieren, aber wenn ich auf eine Registerkarte gehen, dann lassen Sie die Registerkarte aktive Klasse. Also werden sie nicht funktionieren, wenn ich alle durchgemacht habe. Dies ist der Code Ich habe (ich bin mit 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> 

ich nicht das Problem gefunden haben, habe ich versucht, die JS mit Snippet Bootstrap bietet ...

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

... aber es hat nicht funktioniert. Es könnte eine dumme Sache sein, aber ich konnte es nicht herausfinden. Ich schätze jede Hilfe.

Wenn Sie ein Live-Beispiel wollen, was ich sage, gehen Sie zu https://seoq.swapps.io/qa/

Answer 1

Ja, es ist eine dumme Sache ist. In der Basisvorlage war die Bootstrap.js-Datei, die aufgerufen wurde, diejenige für Version 4. Jetzt funktioniert es. Es tut mir leid und danke euch allen.

Answer 2

einfach den Code wie folgt auf Ihrer Seite spezifische (project.js) Skript wickeln. Ich hoffe, dass dies das Problem beheben wird:

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

Enjoy :)