问题标签 [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 投票
3 回答
16117 浏览

javascript - 在 BootStrap 选项卡中添加动态选项卡

我在我的页面上使用 Twiter Bootstrap 选项卡。我想在视图中动态添加选项卡。目前我正在使用这个代码,它不起作用

任何人都可以告诉我我错过了什么吗?

0 投票
5 回答
63981 浏览

angularjs - 如何判断在 Angular-UI 中选择了哪个引导选项卡

在Angular UI中使用 Bootstrap 选项卡时,有没有办法知道选择了哪个选项卡?

我尝试查看窗格数组,但切换选项卡时它似乎没有更新。可以在选择选项卡时指定回调函数吗?

更新代码示例。

该代码非常遵循 Angular UI 引导页面中的示例。

标记:

控制器:

0 投票
10 回答
42177 浏览

angularjs - 支持路由的 AngularJS UI 引导选项卡

我想在我的项目中使用AngularJS UI 引导选项卡,但我需要它来支持路由。

例如:

据我从源代码中可以看出,当前tabspane指令不支持路由。

添加路由的最佳方法是什么?

0 投票
1 回答
2512 浏览

twitter-bootstrap - 具有多个可选项卡和滚动间谍的引导程序不起作用

我有一个带有两个引导选项卡的页面。在每个选项卡中,一个选项卡都设置为活动的

这是我的标记:

如果页面加载,则只有最后一个 tabbable 的选项卡处于活动状态。第一个 tabbable 的活动状态丢失。

使用 javascript 将两个选项卡设置为活动也不起作用。

如果我data-spy="scroll"从正文标签中删除它就可以了。

如何让 scrollspy 和多个标签工作?

0 投票
3 回答
42270 浏览

javascript - 如何在引导选项卡中添加关闭图标?

我想在引导选项卡中添加一个关闭图标,然后我可以通过单击该图标来关闭该选项卡。

我在下面尝试,但“X”与选项卡标题不在同一行显示。

0 投票
1 回答
1491 浏览

twitter-bootstrap - 如何使用 tab('show') 使引导 3RC 选项卡消失?

我有以下代码

我已经能够在单击时打开/关闭标签,但现在淡入淡出过渡不起作用。

有人知道我做错了什么吗?

谢谢你。

HTML:

JavaScript:

0 投票
3 回答
1712 浏览

twitter-bootstrap - 具有拆分按钮下拉行为的下拉选项卡

我想使用一个下拉选项卡,但稍作调整:当我按下插入符号时,我想显示一个下拉菜单(不选择选项卡),而如果我按下选项卡语音或下拉菜单项之一,该选项卡将被选中。

考虑一下: 在此处输入图像描述

如果我按下“Dropdown”的向下插入符号,我想显示这样的下拉菜单: 在此处输入图像描述

如果我选择@fat 或@mdo,则该选项卡将被选中,否则应将其设置回上面的原始版本。这是选项卡中普通下拉项的实际行为,但标题打开的是下拉菜单而不是打开选项卡,这就是我不想要的。换句话说,我可以打开的标签是三个而不是两个。那么:如何区分这两个组件呢?

0 投票
2 回答
4324 浏览

wordpress - 从另一个页面 Wordpress 链接到特定引导选项卡

我在我的 Wordpress 网站上使用引导选项卡简码。我想从另一个页面链接到 tab2。谁能建议这是如何完成的?

我的页面代码(切碎了一点):

它产生的代码:

0 投票
1 回答
771 浏览

php - 引导选项卡 PHP 代码阻止活动选项卡更改 - Wordpress

我正在为我的 wordpress 模板开发导航菜单,我在标题中使用引导程序 3 选项卡,但是当我调用函数 get_permalink( $page_name_id ) 以获取元素选项卡<a href ="">中的<li>标签时卡住了,但是当我删除 php 代码选项卡时在工作中。

我的问题是当我单击它们时如何更改这些选项卡并且 PHP 代码可以返回所选页面的链接?

这是来自标头的代码:

函数 wt_get_ID_by_page_name 它是由 page_name_id 硬编码的函数 get_permalink,它只返回页面名称的永久链接。

这是代码:

0 投票
7 回答
13204 浏览

d3.js - NVD3 图表未在隐藏选项卡中正确呈现

我正在构建一个包含许多图表的页面,这些图表一次显示一个,具体取决于您正在查看的选项卡。

最初活动选项卡中的图表正确呈现。但是,当我单击另一个选项卡时,图表未正确呈现。

大概这是因为隐藏字段在变得可见之前没有维度。事实上,如果我调整窗口大小,图表将更正它的比例,并渲染以填充可用宽度。

我可以通过通过 css 显式定义图表大小来解决这个问题,但这会破坏图表的响应方面。

谁能告诉我如何触发相同的 NVD3 事件,该事件在窗口调整大小时被激活?这样我就可以将它绑定到新选项卡的选择上,并希望能解决渲染问题。