underscore.js+ bootstrap 但是nav-tabs 不能切换tab

jeujeujeu 2018-08-15 12:08:23

nav-tabs 是用bootstrap做的，点第二个tab的时候，没有一点反应。但是如果不用underscore.js ，就很正常。请问各位大侠是什么原因呢？谢谢！

...全文

278 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

winzond 2018-08-15

打赏
举报

回复

很明显是有冲突了，你试试underscore.js加载到前面，bootstrap加载到后面，不能解决？有冲突的话，后面的定义应该会覆盖前面的定义。

在当今的Web开发中，Bootstrap是一个非常流行的前端框架，它使得设计师和开发者能够快速地创建响应式的、移动优先的网站。Bootstrap 4作为该框架的最新版本，它不仅延续了以往版本的特性，还引入了许多新的组件和改进。Bootstrap 4在前端技术领域具有非常重要的地位，原因在于它的设计理念是为了解决跨浏览器和跨设备的兼容性问题。此外，它提供了丰富的预设CSS样式和JavaScript插件，使得开发者能够轻松实现常见的UI组件，例如导航栏、按钮、表单、模态框等，这无疑大幅提升了开发效率。

1.直接上JS <script> //Add by liangxin at 2020-10-27 22:34:53 $(function () { var i = 0; setInterval(function(){ if(i==5){i=0;} //Nav Count $('#myTab li:eq('+i+') a').tab('show'); i++; },5000); })

nav-tabs 选项卡(nav-tabs) 用户点击或悬浮对应的菜单项，能切换出对应的内容。一个选项卡主要包括两个部分，其一是菜单项，其二是内容面板。重点是data-toggle 和href是切换的标签用id绑定注意id不能重复 tab-content把两个标签包起来 <% EventInfo eventInfo = (EventInfo) request.getAttribute("obj"); %> <ul class="nav nav-tabs"> <li

前言 Bootstrap 中的导航组件都依赖同一个 .nav 类，状态类也是共用的。标签页.nav-tabs 类依赖 .nav 基类。 tab标签页在标签 ul 添加 nav 和 nav-tabs 属性,将应用Bootstrap标签样式。在li 里面 a 标签上简单的指定 data-toggle=“tab” 或 data-toggle=“pill”，就可以完成一个标签导航页 <ul id="tabs" class="nav nav-tabs"> <li><a h

很多时候,我们希望写一个简单的标签页.以下使用bootstrap来实现… 首先导入bootstrap的依赖:jquery的依赖、bootstrap的依赖注意: jquery的依赖要在bootstrap依赖的前面导入,原因是:bootstrap的某些功能是在jquery的基础上实现的在 https://www.bootcdn.cn/jquery/ 导入jquery的CDN <script ...

87,988

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章