javascript - 使用 Bootstrap 的动态选项卡不起作用!点击时打不开

标签 javascript jquery html twitter-bootstrap-3 tabs

我的问题很简单。我创建了一些包含内容的动态选项卡,但它们无法打开...我已经尝试了一切。我认为 jquery 有问题:

$(".nav-tabs").on("click", "a", function(e){
  e.preventDefault();
  $(this).tab('show');
})

但我不确定。我将不胜感激任何形式的帮助,非常感谢!!

这是 fiddle : https://jsfiddle.net/j6kLbgz1/

如果您还需要其他东西,请告诉我!

最佳答案

如果您正在谈论 jsfiddle 中的选项卡,唯一的问题是因为您没有包含 Bootstrap 库。将以下链接放在外部资源部分..

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css

查看更新 Fiddle

关于javascript - 使用 Bootstrap 的动态选项卡不起作用!点击时打不开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32558859/

相关文章:

javascript - 尝试在 WordPress 网站上的脚本标记后添加异步

javascript - 我想在 HTML 元素中显示函数的返回值,但返回值是 NAN

javascript - 使用 AJAX 检查警告框是否显示在 PHP 中

html - 当媒体查询为 992px 及以上时,我无法让我的 html 程序中的部分继续在一行上

html - Umbraco 不渲染 IE 框阴影

javascript - 安全性 - 如何防止向未经身份验证的用户呈现 React 组件?

javascript - Firebase + REST + jquery 产生奇怪的键

javascript - Rails 通过 Javascript 提交部分错误

jquery - jQuery 中的两个斜杠是什么意思

javascript - 将所选项目移动到已排序多选的顶部(Javascript)