问题标签 [twitter-bootstrap]

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 投票
26 回答
150340 浏览

jquery - 使用 AJAX 加载 Bootstrap 弹出内容。这可能吗?

我尝试过的适当部分在这里:

当我单击时,我看到请求已发出,但未填充弹出框。我什至没有看到将弹出框的 HTML 添加到 DOM 中,但这可能是萤火虫。

有没有人试过这个?

0 投票
2 回答
8153 浏览

javascript - 让 Twitter Bootstrap 的“Tabs”Javascript 在 Rails 应用程序上运行

Rails 应用程序上的 javascript 问题。

Twitter 文档让事情变得非常简单,但是我仍然无法让标签动态工作(标签切换和下拉)。我直接复制了他们的源代码并下载了他们的 javascript 并将其包含在我的 rails 应用程序的 application.js 文件中。不知道我错过了什么。

HTML 文件:

Application.js 文件:

0 投票
7 回答
96543 浏览

javascript - Twitter 引导选项卡和 javascript 事件

我正在为一个项目使用 twitter 引导程序 - 特别是它的选项卡功能(http://twitter.github.com/bootstrap/javascript.html#tabs

现在我有了这个选项卡列表,当我按下选项卡时,它会切换到每个单独选项卡的内容。但是,此内容是在页面中预加载的(所有选项卡内容的 html 代码已经存在,您只能通过按下选项卡来更改可见性)。

但是我只想在按下某个选项卡时动态加载内容,因此在加载整个页面时将获取最新数据而不是数据。

我打算为此使用jQuery。但是,如何才能在按下选项卡时调用某个 jquery 函数?

我尝试在单击选项卡时显示警报(如果有效,则 jQuery 函数也可以),但即使这样也不起作用:

还有我的html:

关于如何使这项工作的任何想法?

有关 twitter 引导选项卡的工作原理,请参见:( http://twitter.github.com/bootstrap/javascript.html#tabs ) 及其使用的 js 文件:http: //twitter.github.com/bootstrap/1.4。 0/bootstrap-tabs.js

0 投票
1 回答
679 浏览

jquery - 带有 farbtastic 颜色选择器内容的 Twitter Boostrap Popover.js 丢失了附加的事件

我正在使用来自 twitter 的 bootsrap,它很酷。然而,我有一个小问题。我正在尝试使用 Popover 插件生成与每个输入相关的动态颜色选择器,类为 .colorInput

这是我想出的代码:

一切都很好,除了一个巨大的细节:当我设置弹出框的内容时

返回的数据被 farbtastic 插件附加的任何事件处理程序条带化。知道如何保持代码尽可能简单,并且不会丢失附加到返回的任何事件吗?

谢谢 !

0 投票
1 回答
2737 浏览

javascript - 引导选项卡不适用于不同的类名

如果我有,Bootstrap 在我的 js 中可以正常工作

但是,如果我将其更改为类似

并更改相应的ul它不起作用。我做错了什么还是这是引导标签的错误?我正在使用最新的引导程序 v1.4.0

0 投票
6 回答
38902 浏览

jquery - Twitter 引导程序:模态淡入淡出

我对 twitter 引导模式有疑问...

.fade当我的元素上没有类时它工作正常。一旦我添加它,模式就不会出现。

我将问题追溯到这一行,我认为:

doAnimatewebkitTransitionEnd,它看起来不错。但我认为transitionEnd永远不会被解雇,因为我尝试在回调中记录一些东西,但它永远不会被记录。

有任何想法吗?


编辑:一些代码

链接:

模态(在没有淡入淡出类的情况下工作,当我添加它时不会)

的CSS:

我错过了什么吗?

0 投票
4 回答
6858 浏览

html - 支持 IE6 的 CSS 库(例如:Bootstrap)?

我是Bootstrap的快乐用户。

但我们现在大部分用户来自中国,IE6 占 37%
所以我们必须放弃不支持 IE6的 Bootstrap 。

任何类似于 Bootstrap(简化 HTML/CSS 布局)的库也支持 IE6?

0 投票
2 回答
11304 浏览

javascript - 是否可以根据屏幕宽度更改 Bootstrap 弹出框的位置?

我有一个项目列表,每个项目都有一个与之关联的 Bootstrap 弹出框(此处的文档)。它们是这样启动的:

这可行,但在小宽度下,弹出框会从视口中丢失。我想根据 来设置位置$(document).width();,但是我看不到覆盖初始选项的方法(例如,在大约 1000 像素的宽度处,将位置切换到“上方”​​)。

在这里的 jsfiddle整理了一个简化版本。非常感谢。

0 投票
1 回答
79 浏览

jquery - 当列表元素变为活动状态时执行代码

我有以下 HTML:

其中一个列表元素li处于活动状态。HTML 代表一组选项卡。

我想在用户切换选项卡时执行一些 jquery 代码,即当class="active"从一个更改li到另一个时。

你怎么做到这一点?

0 投票
7 回答
56996 浏览

twitter-bootstrap - bootstrap css - 如何在不影响背景的情况下制作模态对话框模态

在引导 css 中,可以显示一个模态对话框,但我希望能够使其成为模态,因此后面的 UI 不会响应,而不会显示深黑色背景。

似乎没有选项可以让我在 $("#selector").modal() 函数上执行此操作。