问题标签 [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 回答
66 浏览

javascript - 将活动类添加到已知选项卡

是否可以将活动类添加到不同页面中的已知选项卡。

当我从第 1 页导航到第 2 页时,我必须将选项卡 2 设为活动状态。我有标签 ID。

谁能告诉我该怎么办?

我的代码

在上面的代码中,我得到了我选择的选项卡,nav-people-tab-hover in当我点击它时,css 就会被应用。现在,当我单击控制器按钮下方的继续时,将执行。

在上面的代码中我应该写什么??????或者一些代码为了让我工作?

0 投票
1 回答
719 浏览

html - Bootstrap 选项卡与下拉按钮的混合

使用引导程序我正在尝试结合引导选项卡和下拉按钮。基本上我想要完成的是我有一个带有下拉按钮的空白页面。该按钮显示“请选择一个”,单击该按钮时会显示一个下拉菜单。当您单击其中一个选项时,该选项的内容将显示在下方。然后,当您单击内容显示的另一个选项时。

我现在设置它的方式有效,但是每当您单击一个选项时,它都会添加一个“活动”类,并且当您单击另一个选项时,该选项也因为“活动”而不会从另一个选项中删除。所以基本上所有这些最终都会附加活动类,单击一次后不再使它们可选择。

这是我所拥有的:

我认为这可能与没有一个选项首先分配给它的“活动”类有关?

0 投票
2 回答
13668 浏览

html - 按钮的引导选项卡?

我有一个注册页面,分为两个部分。当有人单击这些主要按钮时,我只想显示隐藏在当前页面中的每个部分内容。这个概念类似于引导选项卡,但我在这里没有使用选项卡。这些是简单的引导按钮。我试图用我的代码玩引导类,但没有运气。我正在使用流星并做出反应。图像的屏幕截图。

“工作和雇用按钮”

这是我的代码

任何的想法?

0 投票
1 回答
953 浏览

javascript - 在引导选项卡中时,jQuery 数据表标题与行不对齐

出于某种原因,在我的网站上,我的 jQuery 数据表的列标题没有与行对齐。

这是一个示例: 在此处输入图像描述 请注意,我的一些表格(包括上述表格)位于 Bootstrap 选项卡中。我相信这是原因,因为当它们不在选项卡中时,它们显示得很好。

我知道引导程序认为其他选项卡中的数据“不可见”,所以我认为它与此有关。

有人有简单的css或js修复吗?提前致谢。

编辑,这里有一些代码:

0 投票
1 回答
1835 浏览

jquery - 动态添加引导选项卡,包括事件触发机制

使用 Bootstrap 3,我正在使用这篇文章中建议的方式动态创建一些选项卡: 在 Bootstrap 中动态添加/删除选项卡 - 使创建的选项卡处于活动状态

除了事件触发机制之外,它工作得很好。例如,当单击静态预定义的选项卡时,shown.bs.tab会触发该事件,但对于任何动态创建的选项卡都不是这种情况。

您可以在这个改编自上述帖子 https://jsfiddle.net/HotPheel/v6be62c4/4/中提出的小提琴上尝试它

HTML

JS

CSS

关于动态创建保留事件的引导选项卡的方法的任何想法?

非常感谢您的帮助。

0 投票
0 回答
342 浏览

jquery - 带有引导选项卡的 Jquery CLEditor 不起作用

我在我的系统中使用 jquery cleditor作为wsyiwyg编辑器bootstrap tab。第textarea一个选项卡中的已初始化并且可以正常工作,但textarea第二个选项卡中的已初始化但我无法键入或对其执行任何操作。顺便说一句,可以在一个页面中使用多个编辑器。这可能是什么问题?

这是我的示例代码

cleditor使用以下脚本初始化了

0 投票
2 回答
3390 浏览

jquery - shown.bs.tab event with default tab is not working

I'm using bootstrap tabs in one of my application and I have a challenge where shown.bs.tab event is not getting triggered when page is loaded with default active tab.

In the below code I have a tab named "Home" which is an default tab (active class added). On page load, my "Home" tab content is shown perfectly, but the challenge is the 'shown.bs.tab' event attached to that tab is not triggered. The same event is triggered when I navigate to "Menu 1" tab and then come back to "Home" tab.

How do I make this event trigger on page load? The intention behind this is content of "Home" tab is dynamic which is response of Ajax call which gets triggered on tab is shown.

0 投票
1 回答
475 浏览

wordpress - 使用 ACF 生成分类引导选项卡

我的双循环查询在这里有些不太正常,我不确定它到底是什么。基本上,我使用 ACF 在我的博客页面上提供了一个中继器字段,我可以在其中选择要在我的选项卡中显示的类别/分类法。因此,它可以很好地提取选项卡的名称,但我似乎无法在那里生成任何内容。有人建议我需要添加“reset_rows();”,我这样做了,但这似乎使页面永远加载,并且仍然没有创建任何实际内容。

这是我的循环。任何可以提供的帮助将不胜感激。

0 投票
2 回答
207 浏览

javascript - 引导选项卡不会停用

我正在使用 Bootstrap 中的选项卡组件,它似乎工作正常,但是当我转到一个选项卡然后离开它时,该选项卡会保持活动类。因此,当我完成所有这些时,它们将不起作用。这是我的代码(我正在使用 Django)

我还没有发现问题,我尝试使用 Bootstrap 提供的 JS 片段...

......但它没有用。这可能是一件愚蠢的事情,但我无法弄清楚。我很感激任何帮助。

如果你想要一个我所说的活生生的例子,请访问https://seoq.swapps.io/qa/

0 投票
1 回答
1602 浏览

php - 如果用户在填充第一个选项卡的数据之前单击第二个选项卡,如何显示错误消息

单击按钮时,会显示四个引导选项卡,默认情况下会显示第一个选项卡信息。

但是,如果用户单击第二个选项卡而不是在第一个选项卡中填写信息,则会显示错误消息,并且除非他在第一个选项卡中填写信息,否则不应允许他单击任何选项卡。

在第一个选项卡上填写所需信息后,他应该被引导到第二个选项卡,并且用户在第一个选项卡中填写的信息应在单击第一个选项卡上的保存按钮时保存在数据库中。