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

twitter-bootstrap - 如何解决 Tabdrop 引导问题?

我使用bootstap Modal和Bootstrap选项卡,我想实现tabdrop,当Modal窗口加载时,即使它们溢出,选项卡也没有分组,$('.nav-tabs').tabdrop({text: "More"}); 但是当我调整浏览器窗口的大小时它可以工作,在这种情况下可能是什么问题?

0 投票
1 回答
2035 浏览

javascript - 如何防止点击时选择标签?

如何防止选择选项卡以添加其他选项卡?下面我已经隔离了这个问题,如果我单击带有加号的选项卡然后它被选中,我想完全防止这种情况,只需单击并调用 addNewTab() 函数。

0 投票
1 回答
2116 浏览

asp.net-mvc - 提交不同的表单引导选项卡

我想使用引导选项卡提交不同的表单。我对每个选项卡都有部分视图。

现在,当页面加载时,它会正确呈现SaveStaff部分视图。但是,当单击“体验”选项卡时,它不会将SaveExperience部分视图显示为选项卡式视图,而是在SaveStaff.

0 投票
1 回答
5172 浏览

angularjs - 如何在 Angular 和 Bootstrap 中使用“全部”选项卡进行选项卡导航?

我正在使用 Bootstrap 和 Angular,并且我有以下 HTML:

单击“全部”选项卡时,我想同时显示#tab1#tab2 。如何使用 Bootstrap 和 Angular 实现这一目标?

0 投票
1 回答
1425 浏览

jquery - 转到页面重新加载或超链接上的特定选项卡,其中选项卡由 AJAX 加载

我有一组引导选项卡。

HTML

JS

我想要的是加载任何标签的焦点,而不是总是加载第一个。

更新: 我让标签集中起来。它只是不会触发 AJAX 负载

这与Twitter 引导选项卡不同:在页面重新加载或超链接时转到特定选项卡

0 投票
2 回答
4505 浏览

javascript - 有没有办法在不使用唯一标识符的情况下使用引导选项卡

我希望能够使用引导选项卡,但不使用唯一的选择器。

我不能保证选择器是 dom 中唯一的选择器。

我有许多子模板,它们要么在呈现时包含在页面中,要么可以通过 ajax 加载到模式中。

我确实使用了 id,但从来没有在我可能在模态中使用的模板中使用,一些模态是在页面加载事件之后预加载的。

我已经尝试了一个onclick仅使用 jquery 的锚标记上的事件,这不太理想,但无法使其与.tab('show')

0 投票
0 回答
138 浏览

html - 防止 div 内的对象重新加载

我有三个引导 2.0 选项卡,其中一个选项卡 href 是一个 div,它使用对象打开一个外部网站。每次我切换到此选项卡时,网站都会重新加载。当我切换到此选项卡时,有没有办法防止对象(外部网站)重新加载?或者可能有更好的方法来显示动态外部网站?

谢谢。

0 投票
5 回答
2669 浏览

javascript - 悬停时带有可点击链接的引导选项卡

我正在使用引导选项卡功能,我想实现以下功能:

  1. 使用 mouseenter 而不是单击在选项卡之间切换
  2. 防止点击链接上的动作。

这是我的 jsfiddle 示例代码。 https://jsfiddle.net/irider89/bmLpwtqb/3/

这怎么可能实现?

我需要能够单击主菜单项(主页、个人资料、消息、设置)并转到特定的 url。

0 投票
1 回答
2592 浏览

javascript - AngularJs - 在 UI-Bootstrap 的选项卡上添加自定义类

如何在 UI-Bootsrap 的 Tab Nav 上替换或添加新类。我期待类似的东西,

我尝试了以下方法,但是它将类添加到父级,

0 投票
1 回答
4937 浏览

css - Bootstrap Tabs - 使用水平滚动强制行内块显示

我已经检查过:

但他们都没有真正解决我的问题。

我做了什么:

我正在使用免费的引导模板(sb-admin 2,可以在这里找到:http: //ironsummitmedia.github.io/startbootstrap-sb-admin-2/pages/index.html),更准确地说,我实际上是在工作在“聊天”面板上。

原来的聊天布局是:

在此处输入图像描述

我想要完成的是在“聊天”文本下方添加一个“用户列表”,为了实现这一点,我已经制作了整个服务器逻辑,并且为了能够显示/隐藏聊天,我使用引导程序的标签: http: //getbootstrap.com/javascript/#tabs(因为它更容易控制整个聊天流程)。

为了不发布整个项目的整个源代码(超过 10 万行代码),我在小提琴上复制了我的问题以便发布它。

我所做的测试的相关部分是这个(它包含一些树枝,我礼貌地要求你忽略它,它不会出现在标签中,因为我对树枝没有任何问题):

这是我在阅读所有关于能够水平滚动一组元素的帖子后尝试过的,因此我所做的是:

  • 创建一个容器(span11)
  • 创建一个流体行(row-fluid)
  • 创建一个 col-lg-12 元素(填充行)
  • 在其中解析整个元素集(所有<ul> <li>,所有选项卡)。

我所期待的是有一个 100% 宽度的 div,其中有一个带有元素的可滚动条,如下所示:http: //jsfiddle.net/zLez4drz/ (警告:小提琴取自我从中获取信息的另一个问题)

在此处输入图像描述

而我的输出是这个: http://prntscr.com/7nlh83

<-- 通过设置高度 50px

在此处输入图像描述

<-- 通过设置高度 100px

简而言之,根据设备(或分辨率)将元素打印在两行(或多行)上,而我希望它们全部内联打印并且无论<li>父容器内的 s 数量如何都能够水平滚动。

小提琴工作:

http://jsfiddle.net/b7ghL587/1/

我的问题:

  1. 为什么会这样?有什么办法可以解决它,还是我应该根本不使用列表并重写 javascript 部分?
  2. DOM 的其余部分会影响这一点吗?