0

Bootstrap の tabs コンポーネントを使用していますが、うまく動作しているように見えますが、タブに移動してから離れると、タブはアクティブなクラスを保持します。だから、私がそれらすべてを経験したとき、それらは機能しません。これは私が持っているコードです（私は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>

問題は見つかりませんでした。Bootstrap が提供する JS スニペットを使用してみました...

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

...しかし、うまくいきませんでした。ばかげたことかもしれませんが、私にはわかりませんでした。助けていただければ幸いです。

私が言っていることの実際の例が必要な場合は、https://seoq.swapps.io/qa/にアクセスしてください。

4

2 に答える 2

0

はい、ばかげたことでした。基本テンプレートでは、呼び出されていた Bootstrap.js ファイルはバージョン 4 のものでした。現在は機能しています。申し訳ありませんが、ありがとうございました。

于 2016-09-05T20:01:15.803 に答える