引导选项卡不会停用
Bootstrap tabs don't deactivate
本文关键字:选项 更新时间:2023-09-26
我使用的选项卡组件从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/
只需将代码包装在您的页面特定(project.js)脚本中。我希望这将解决问题:
$(function(){
$('#question-tabs a').click(function (e) {
e.preventDefault()
$(this).tab('show')
});
});
享受:)
是的,这是一件愚蠢的事情。在基本模板中,被调用的Bootstrap.js文件是版本4的那个。现在它起作用了。对不起,谢谢大家。
相关文章:
- 我的单元测试选项是什么
- 如何更改bigquery API中的计费层选项
- 使用Javascript获取所选选项ID
- Selectize.js:如何对整数值的选项进行排序
- 通过js在新选项卡中有条件地打开url
- 按照选项卡索引的顺序循环一个jQuery选择
- 如何在使用selectBoxIt JQuery插件时检测选项更改
- 无法在Ionic select中预先选择最后一个选项
- 如何在选项卡上定义属性'的主窗口对象
- 为什么grunt contrib connect的中间件选项的第三个参数是未定义的
- 使用此选项选择父类内部的类
- CKeditor:更改对话框中的默认选择选项
- JQuery覆盖不更改单选选项
- 活动选项卡's源代码-获取变量s值
- 绑定时将Parsley minlength消息作为选项传递时,未对其进行自定义
- 如何从选择框中的选项中获取属性值
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- React Native通过Navigator将用户输入数据传递到选项卡栏IOS中的组件
- 如何从外部页面激活非默认引导选项卡
- Woocommerce产品选项有条件