问题标签 [bootstrap-tabs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
256 浏览

jquery - Bootstrap Tabs如何判断jQuery中哪个选项卡是活动的?

有一个类似的线程,但它在 AngularJS 中。如何判断 Bootstrap 3 选项卡中的哪个选项卡仅在jQuery中作为“活动”选项卡?

谢谢。

0 投票
2 回答
4097 浏览

jquery - 带有标签的引导 div 在页面加载时自动显示第二个标签

我有一个带有多个选项卡的 div,当您单击每个选项卡时,这些选项卡会显示嵌套的 div。我需要知道如何在页面加载时自动显示第二个选项卡:

0 投票
1 回答
1864 浏览

twitter-bootstrap-3 - 显示许多适合页面的引导选项卡

我的页面设计可能会在导航中显示 30 多个选项卡。选项卡是动态添加的,但我已经弄清楚了。是否有一个标准界面来处理这样的 UI,它的行为就像 Firefox 处理许多带有左右箭头的选项卡一样?然后左右箭头将滚动选项卡列表。

任何建议将不胜感激。谢谢。

0 投票
1 回答
1492 浏览

jquery - Bootstrap 3 - 使 AJAX 调用选项卡中表内的链接并在选项卡内加载内容

我的标签定义:

这将呈现选项卡,如下面的屏幕截图所示(为简洁起见,我删除了状态选项卡的代码): bootstrap3 选项卡

当我单击超链接 initialCanonJob 时,我想进行 AJAX 调用,然后将 AJAX 调用中的 html 内容加载回同一选项卡中(必须删除表)。如何从链接中获取选项卡对象,然后从选项卡 html 中的 AJAX 调用填充数据?

0 投票
0 回答
691 浏览

bootstrap-modal - Bootstrap 2:模式中的选项卡

我在引导模式中有引导选项卡。当我打开模式时 - 看起来选项卡正在工作,因为只显示第一个 div 选项卡内容,而其他选项卡内容被隐藏。

但是后来我遇到了一个问题-当我单击选项卡时,它会shown在我的模态中触发事件,在这种情况下,我正在加载此模态的内容。由于这个选项卡一次又一次地加载,第一个选项卡始终处于选中状态。

模态文档在这里: http: //getbootstrap.com/2.3.2/javascript.html#modals

此处的标签文档:http: //getbootstrap.com/2.3.2/javascript.html#tabs

我像这样初始化标签:

0 投票
1 回答
1418 浏览

javascript - 引导选项卡在单击时刷新

在这个项目上有 Bootstrap 选项卡和相机图像滑块。有两个名为视频新闻/图片新闻的选项卡。两者都有自己的子标签。子选项卡使用自己的相机滑块。所以这个问题是当我点击子标签时,图像滑块正在破坏。我需要的是刷新图像滑块或重新加载滑块,以便它们获得适当的宽度。

那么有什么合适的方法可以做到这一点吗?

0 投票
2 回答
22364 浏览

javascript - 禁用时删除 data-toggle 属性

我有一个标签列表,其中包含可以禁用的元素 - 即不可点击。并且当“禁用”作为一个类添加时,鼠标悬停在元素上表示该选项卡是不可点击的。不幸的是,该元素是可点击的。当元素被禁用时,我试图datatoggle="tab"从元素中删除,但我的 jQuery 技能还不够。

我有一个 ulclass="nav nav-tabs" with id="myTabs" 并且我正在尝试使用这个 jQuery 语句删除 data-toggle 属性:

引导层示例

0 投票
1 回答
687 浏览

twitter-bootstrap - 在 Bootstrap 中将最后一个选项卡向右移动

我有以下代码用于在引导程序中显示选项卡:

但是,我想将最后一个标签显示在最右边。我试过:float:right;对于最后一个li元素,但它没有用..

0 投票
1 回答
1591 浏览

twitter-bootstrap - Scrollspy 无法使用导航选项卡

我正在尝试将 scrollspy 添加到网站上的产品描述页面,该页面具有水平选项卡、“描述”、功能和评论选项卡。选项卡确实可以正常工作,但滚动间谍无法正常工作,并且仅显示最后单击的选项卡区域。下面给出了代码,非常感谢任何帮助。

请参阅 jsfiddle 中的代码@http ://jsfiddle.net/iqadeer/1t5fqhbu/1/ jsfiddle 代码

0 投票
2 回答
25650 浏览

jquery - 在移动视图中将引导选项卡切换到下拉菜单

我有一个使用 Bootsrtap 3 开发的网站,那里有标签元素。从移动设备浏览时,我必须将选项卡式项目设置为下拉菜单。可能吗?

我正在使用带有引导程序的基本选项卡。