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

twitter-bootstrap-3 - 使用引导选项卡进行 jQuery 验证

我有一个包含多个引导选项卡的表单,其中包含多个输入和选择字段,有些是必需的,有些不是。

我正在使用 jQuery Validation 插件来验证表单。下面是使用运行正常的引导 css 突出显示和取消突出显示错误:

我真正需要的是,如果任何选项卡没有验证字段,我也希望该选项卡突出显示。

我使用了下面的代码,但有趣的是代码有时它可以工作并用红色突出显示选项卡,有时它不起作用。

我做错了什么,如果有任何必填字段出错,我该如何突出显示选项卡?

0 投票
1 回答
4082 浏览

css - 如何删除引导选项卡的悬停效果?

引导选项卡的悬停事件有振动,我无法将其删除。

这是现场演示:http ://html.banjaworks.com/Gediz-Elektrik/update-info.html

您将看到悬停时的振动。

谢谢。

0 投票
1 回答
98 浏览

css - bootstrap 3 - 反向导航对齐

如何使nav-justified逆序行动?我的意思是,我希望标签/药丸在小(移动)屏幕上水平放置,而在较大(桌面)屏幕上垂直放置,即堆叠。
这是一个需要修改 CSS 规则的示例(调整其窗口大小以查看它在两种类型的屏幕上的外观):http
: //s.bootply.com/render/1d0Cpp0po1 有谁知道如何在最简单的方法?提前致谢!

0 投票
7 回答
7363 浏览

html - 当屏幕尺寸变小时,引导选项卡重叠

当屏幕尺寸变小时,引导选项卡会像图像一样重叠。 在此处输入图像描述

我使用col-sm并且我的角度 HTML 是这样的(但任何非角度 HTML 解决方案也可以):

我希望其他选项卡堆叠在后台而不是前台。

想要的截图

请原谅我糟糕的 gimp 技能,但活动选项卡应该总是在前面,所以如果选择了选项卡 3,那么另一行应该移到后面。

想要的主动

它不必像这样专门安排,但关键是活动选项卡与其内容窗格之间不应有任何东西,所以这样的事情也可以:

在此处输入图像描述

0 投票
2 回答
1369 浏览

angularjs - 禁用引导选项卡

我们在其中一个页面上有标签。我们正在尝试做的是在页面最初加载时禁用选项卡,然后在单击按钮时启用它们。在我的视图中定义选项卡时,我尝试添加“禁用”类:

页面加载时,它们显示为禁用,但当您单击选项卡时,它们再次变为活动状态。我还尝试从定义中删除数据切换,然后在 tabClick 函数中尝试返回 false,但它仍然无法正常工作

有人可以看到我做错了什么并指出我正确的方向吗?

0 投票
1 回答
295 浏览

height - Amcharts:页面加载时的小(有时为 0px)图表高度(在默认选项卡中)

我在选项卡中有一个 Amcharts,但是当它在页面加载时创建时,它被压缩为不正确的(太小,有时为 0px)高度。当我切换选项卡并返回图表选项卡时,我可以清楚地看到它已调整大小并且在一些可见的高度更改后看起来很完美。

我见过很多类似的话题,但他们都抱怨图表只有在到达选项卡而不是直接加载页面时才具有小尺寸。

在图表建立在页面加载(即使超时)之后,我尝试调用invalidateSize(),validateNow()等,但它没有完成这项工作。

是因为容器没有为 Amcharts 提供足够的信息来处理正确的尺寸吗?为什么 Amcharts 能够在更改选项卡并返回图表之一时重新计算图表的大小?

你能给我一些提示吗?非常感谢

我使用引导标签系统。

0 投票
3 回答
1531 浏览

javascript - 如何创建激活引导选项卡的链接

我根据此处的示例设置了一些选项卡。所以显示/隐藏 div: http: //getbootstrap.com/javascript/#tabs

但我想要一个<button>在所有 DIV 中充当下一个选项卡的 NEXT 按钮的内部。我尝试了以下哪一半有效,但它不处理顶部选项卡上活动类的更新:

可以做到吗?

0 投票
0 回答
1295 浏览

javascript - Morris Donut - 选择其他选项卡和调整大小时引发 Matrix NaN 错误

我遇到了一个非常虚幻的问题。

我有两个选项卡:“仪表板”、“编辑应用程序”。

在“仪表板”中,我有一个莫里斯甜甜圈图表。

在“编辑应用程序”中根本没有莫里斯图表。

问题是当我选择“编辑应用程序”并调整窗口大小时,我收到以下错误:

错误:属性转换:预期数字,“矩阵(NaN,NaN,NaN,NaN,...”。

我试图输入一个 resizeHandler 但仍然没有任何帮助。

这是我的代码:

HTML:

CSS:

JS:

我在以下链接中有一个 JSFiddle:

https://jsfiddle.net/t9p4dkzm/11/

但我仍然收到错误:

在此处输入图像描述

如何解决这个问题?

谢谢!

0 投票
1 回答
389 浏览

javascript - 在 Bootstrap 上选择表格菜单会返回父链接

我的项目是在这个本地链接中设置的:

本地主机:12345/index.html#/BookCollection

在这个页面中,有 3 个来自 Bootstrap 的 Tab 组件。最近、过去和未来

当我单击任何这些选项卡时,我会回到:

本地主机:12345/index.html#/

而它应该是:

localhost:12345/index.html#/BookCollection#Recent

其他两个选项卡链接是:

本地主机:12345/index.html#/BookCollection#Past

本地主机:12345/index.html#/BookCollection#UpComing

请注意,我不允许在下面更改此链接结构:

本地主机:12345/index.html#/BookCollection

这是我正在使用的引导组件:

我需要 Bootstrap 中的 Tabs 组件才能工作。

我如何解决它?

0 投票
1 回答
1183 浏览

javascript - 3 个数据表分别位于 3 个不同的选项卡上,在单击选项卡后加载时显示在第一个选项卡上。如何解决?

我有一个页面,我必须在每个选项卡下显示 3 个不同的选项卡,那里有一个 jquery 数据表。但是,当页面首先加载时,所有数据表都出现在第一页上,但后来当单击选项卡时,它会同步,这些选项卡使用 bootstrap 编写如下:

和 javascripts 调用是这样的:

稍后我认为您不需要的 OnSuccess 功能(如果需要,请发表评论)。

请帮助我最初所有的数据表都出现在第一个选项卡上,尽管我在所有其他选项卡上都需要它。