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

twitter-bootstrap - 强制 Kendo UI 图表使用 Bootstrap 选项卡的全宽

我有一个页面,其中有 3 个 Kendo UI 图,每个都在一个单独的选项卡中。我希望所有图表都使用可用的全宽,但只有第一个这样做。

我知道我可以为图表指定宽度,但我不想/不能预先指定这个(响应性和所有)。我尝试过使用包含图表的 div 的宽度。我也尝试col-lg-12在这些 div 上设置类。似乎没有任何效果。

这是我的html:

可以在这个 jsFiddle中找到一个工作示例。

0 投票
1 回答
236 浏览

java - URL 中带有空格的引导选项卡

我稍微修改了引导选项卡,以便它们从控制器中提取 ID 而不是指定它们。

这一切都工作得很好,但是它的一些 ID 的拉动在单词之间有空格。这导致这些选项卡不起作用。

基本上,所有带有单个单词的选项卡都可以正常工作,但是带有多个单词的选项卡不起作用。

这是我的代码:

谢谢。

0 投票
1 回答
853 浏览

javascript - 引导选项卡上的 jqplot

我在引导选项卡上绘制简单的 jqplot 图时遇到问题。

HTML:

JAVASCRIPT(来自 jqplot web 的示例):

当我单击图形选项卡 (tabtendencia) 时,它不会绘制任何内容,但我可以看到它保留了尝试绘制图形的空间。

截图:http: //i.stack.imgur.com/ewRhp.png

0 投票
2 回答
2663 浏览

bootstrap-tabs - 光滑的滑块在 bootstrap 3 选项卡内容中无法正常工作

光滑的滑块在 bootstrap 3 选项卡内容中无法正常工作,我搜索了解决方案,但找到了这个

但是当我尝试运行它时,滑块工作得很好,但是箭头消失了,并且显示了滚动条-x:S:S:S

http://prntscr.com/82m34c

0 投票
0 回答
1022 浏览

spring - 将引导选项卡与现有的 Spring MVC 集成

我有这个运行良好的小型 Web 应用程序。我现在想添加引导选项卡控件。访问此链接以了解我正在尝试做的事情。

应用程序结构是这样的:我有Page1.jsp, Page2.jsp, Page3.jsp。现在我添加了index.jsp,在其中放置了一个引导选项卡控件,该控件又指向这些页面。我的 index.jsp 看起来像这样。

您可能已经注意到,我尝试了不同的组合。也放置一个按钮,然后使用 java 脚本进行重定向。我什至尝试将Page 1.jsp的所有 JSP 代码放入ID = page1的DIV选项卡窗格中。但这仍然不会调用 Spring MVC 控制器。

所以我想尝试以下两种方法 1-单击 Page1 按钮/链接时,我想调用/包含 Page1.jsp 并且控制器应该是可调用的。 2-如果选项 1 不可行,我想复制相应选项卡窗格的所有代码,并且控制器应该可以从中调用。

选项 1 对我来说看起来更整洁。我在这里做错了什么?感谢您的任何意见。

0 投票
1 回答
950 浏览

javascript - 如何提交非活动标签Jquery的值

我正在使用 JQuery 选项卡提交动态表单字段,但问题是它只保留提交最后一个选项卡的值,因为它检查哪个选项卡是活动的,哪个不是活动的,因为它看到最后一个是活动的,所以它只发布该选项卡的值其他如 1、2、3 等。

这是我正在使用的 JQuery 代码:

mealForm是包含所有选项卡数据的表单 ID,但仅发布最后一个选项卡/活动选项卡值而不是所有选项卡。

这是使用 PHP 生成动态选项卡和动态表单的 HTML 代码,但它只提交活动选项卡数据而不是全部数据。

HTML:

以下是上述 HTML 表单数据的输出:

按照上面的 HTML 截图:

选项卡 1

选项卡 1

选项卡 2

选项卡 2

0 投票
2 回答
474 浏览

jquery - 如何使 boostrap 选项卡转到单击事件的特定链接而不是显示#tab

我目前正在使用 Bootstrap 3.3.4,并且正在使用提供的 JQuery 选项卡。我想要做的是让我的一个标签转到一个特定的链接而不是一个 div。这是我想做的一个简短示例:

所以基本上,当我单击选项卡 3 而不是转到“特定 div”时,我希望该选项卡将我重定向到我的 href 上的实际链接。我不知道是否某些 bs js 正在避免该操作,或者我是否需要添加额外的 js。

这里也是一个小小提琴:https ://jsfiddle.net/x3axxru9/

我感谢您的帮助!

0 投票
0 回答
647 浏览

javascript - 在引导选项卡中重新加载 Ajax 页面后保留相同的选项卡

嗨,我在另一个引导选项卡中显示了一个引导选项卡。在此处输入图像描述

我在使用 ajax 请求加载的 html 文件中有这些内容。刷新页面时。如果用户在特定选项卡中说 main2 ->sub2 ,在加载内容后,我想显示相同的 main2->sub2 选项卡而不是 main1->sub1 选项卡

使用 main.html 中的单独按钮触发刷新

main.html

tabs.html

tabs.html 将由 ajax 请求返回。我想在内部和外部选项卡中保留选项卡,在刷新之前显示,在刷新内容之后。

0 投票
1 回答
47 浏览

php - 为什么它未能传递价值?

我有一个名为 MemberArea.php 的页面,它使用引导选项卡根据 div id 更改其内容。

在 ViewTeam 中,显示所有已注册的团队

我的问题是我无法将值传递给 tabs-14(EditSinging.php)

这是我在 tabs-14(EditSinging.php) 中获取值的方法

更新
这是 EditSinging.php PHP 中的代码:

下面是编辑我从上面的查询中得到的值的表格

0 投票
2 回答
8863 浏览

javascript - Select Tab on Page Load in ASP.NET MVC

I have two tabs on a Razor page, I want to be able to load the page and either select page A or B. Currently, the page loads and always lands on A. I have attempted to do this as follows...

In my home view I call my products view

where I am passing the route value "productB" so I can attempt to load the tab. In my products controller I have

products view

with the function

But this does not select my tab page. This seems so simple, how can I get this to work?