问题标签 [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.
twitter-bootstrap - 如何解决 Tabdrop 引导问题?
我使用bootstap Modal和Bootstrap选项卡,我想实现tabdrop,当Modal窗口加载时,即使它们溢出,选项卡也没有分组,$('.nav-tabs').tabdrop({text: "More"});
但是当我调整浏览器窗口的大小时它可以工作,在这种情况下可能是什么问题?
javascript - 如何防止点击时选择标签?
如何防止选择选项卡以添加其他选项卡?下面我已经隔离了这个问题,如果我单击带有加号的选项卡然后它被选中,我想完全防止这种情况,只需单击并调用 addNewTab() 函数。
asp.net-mvc - 提交不同的表单引导选项卡
我想使用引导选项卡提交不同的表单。我对每个选项卡都有部分视图。
现在,当页面加载时,它会正确呈现SaveStaff
部分视图。但是,当单击“体验”选项卡时,它不会将SaveExperience
部分视图显示为选项卡式视图,而是在SaveStaff
.
angularjs - 如何在 Angular 和 Bootstrap 中使用“全部”选项卡进行选项卡导航?
我正在使用 Bootstrap 和 Angular,并且我有以下 HTML:
单击“全部”选项卡时,我想同时显示#tab1和#tab2 。如何使用 Bootstrap 和 Angular 实现这一目标?
jquery - 转到页面重新加载或超链接上的特定选项卡,其中选项卡由 AJAX 加载
我有一组引导选项卡。
HTML
JS
我想要的是加载任何标签的焦点,而不是总是加载第一个。
更新: 我让标签集中起来。它只是不会触发 AJAX 负载
javascript - 有没有办法在不使用唯一标识符的情况下使用引导选项卡
我希望能够使用引导选项卡,但不使用唯一的选择器。
我不能保证选择器是 dom 中唯一的选择器。
我有许多子模板,它们要么在呈现时包含在页面中,要么可以通过 ajax 加载到模式中。
我确实使用了 id,但从来没有在我可能在模态中使用的模板中使用,一些模态是在页面加载事件之后预加载的。
我已经尝试了一个onclick
仅使用 jquery 的锚标记上的事件,这不太理想,但无法使其与.tab('show')
html - 防止 div 内的对象重新加载
我有三个引导 2.0 选项卡,其中一个选项卡 href 是一个 div,它使用对象打开一个外部网站。每次我切换到此选项卡时,网站都会重新加载。当我切换到此选项卡时,有没有办法防止对象(外部网站)重新加载?或者可能有更好的方法来显示动态外部网站?
谢谢。
javascript - 悬停时带有可点击链接的引导选项卡
我正在使用引导选项卡功能,我想实现以下功能:
- 使用 mouseenter 而不是单击在选项卡之间切换
- 防止点击链接上的动作。
这是我的 jsfiddle 示例代码。 https://jsfiddle.net/irider89/bmLpwtqb/3/
这怎么可能实现?
我需要能够单击主菜单项(主页、个人资料、消息、设置)并转到特定的 url。
javascript - AngularJs - 在 UI-Bootstrap 的选项卡上添加自定义类
如何在 UI-Bootsrap 的 Tab Nav 上替换或添加新类。我期待类似的东西,
我尝试了以下方法,但是它将类添加到父级,
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/ (警告:小提琴取自我从中获取信息的另一个问题)
而我的输出是这个:
<-- 通过设置高度 50px
<-- 通过设置高度 100px
简而言之,根据设备(或分辨率)将元素打印在两行(或多行)上,而我希望它们全部内联打印并且无论<li>
父容器内的 s 数量如何都能够水平滚动。
小提琴工作:
http://jsfiddle.net/b7ghL587/1/
我的问题:
- 为什么会这样?有什么办法可以解决它,还是我应该根本不使用列表并重写 javascript 部分?
- DOM 的其余部分会影响这一点吗?