问题标签 [twitter-bootstrap-tooltip]

我正在尝试在我的应用程序中使用 Bootstrap 工具提示。我的应用程序正在使用 AngularJS 目前，我有以下内容：

我想我需要使用

但是，我不确定。即使我添加了上面的行，我的代码也不起作用。我试图避免使用 UI 引导程序，因为它比我需要的要多。但是，如果我必须只包含工具提示部分，我会对此持开放态度。然而，我不知道该怎么做。

有人可以告诉我如何让引导工具提示与 AngularJS 一起工作吗？

How can I specify the left-margin or position for twitter bootstraps tooltips? Right now, the tooltip I have is assigned to a link that's at the extreme left of the page, and half of the tooltip is invisible (appears outside the screens visible area).

I have also made the following changes to the bootstrap css code so that text appears on a single line rather than wrapped.

I'd like to move the tool tip a lot to the right, so text is visible.

如何在引导核心文件之外添加以下修补程序？

这个问题之前已经发布过，并且热修复确实像一个魅力。但它需要编辑核心文件。在这里！

在 Tooltip.prototype.show 函数中：

在下面添加 add-class 就像一个魅力：

因此，现在每当您添加data-class到 popover 调用时，它都会将属性添加到<div class="popover">div。

不利的一面是您必须编辑核心文件才能实现此目的。我只是稍微精通 jQuery，这让我绞尽脑汁，但我认为必须有一种方法可以将 .addClass() 作为工具提示原型的扩展。也许使用 .extend()？

我正在使用 Bootstrap 工具提示来显示绑定到 Ember 对象的表单。

我可以让表单显示得很好，但我一生都无法弄清楚如何保持（双向）绑定工作。

这是我正在使用的代码：

预订.hbs

预订表格.hbs

保留表单视图.js

我不太了解 Ember，但是当模板作为 html: 传递时，我感觉数据绑定丢失了this.$().html()。

有没有办法解决 ？

编辑：这是小提琴：http ://emberjs.jsbin.com/ESItUrOH/1/edit?html,css,js,output

根据 TwitterBootstrap 文档，我引用：

要将工具提示添加到禁用或 .disabled 元素，请将元素放在 a 内<div>并将工具提示应用于该元素<div>。

单击此处获取文档

我这样做了：

这个函数被这样调用：

但是工具提示没有出现，它应该在hovered或时出现clicked。

我有一个textbox我根据另一个控件启用/禁用的。textbox无论是启用还是禁用，都会显示相同的工具提示。

我在这里想念什么？

我正在使用Tooltip()from Twitter-Bootstrap。将鼠标悬停在元素上时，会出现 a tooltip。但除非您将鼠标移开，否则它会一直存在。

我怎样才能让它在它弹出几秒钟后消失，而不是等到鼠标离开元素？

我有以下在服务器端动态创建的代码：

我想为每个编辑和删除按钮显示一个工具提示，但它不显示任何内容。请帮助

谢谢

我有一个管理网站，它使用图标来指示何时可以删除、编辑或创建某些内容。我使用引导工具提示来做到这一点，并且将工具提示绑定到每个具有删除图标/按钮的页面上的所有元素很容易：

由于我使用 ajax 和 dom 操作来添加新元素（新的删除按钮），所以前面的示例不会将工具提示添加到新（文档准备好后）添加的按钮。我找到了这样的解决方案：

这也有效。问题是我也需要“.edit-btn”上的工具提示。我想我可以复制上面的示例并将选择器更改为“.edit-btn”。问题是 - 它不起作用 - 只有 body 元素上的第一个工具提示似乎起作用。我尝试交换订单，然后我可以让 '.edit-btn' 工作，但随后 '.delete-btn' 停止工作。似乎一次只能在给定元素（主体）上设置工具提示，并且只有第一个有效 - 即使我通过不同的选择器？

我在这里遗漏了什么 - 有一个简单的解决方案吗？如果我不必手动使用工具提示手动初始化每个新创建的元素，我会非常喜欢。我也在考虑做一个

但这似乎需要做很多工作，并将显示工具提示的责任从引导插件转移到我自己的代码中......

我有一个 html 元素，当悬停在它上面时，它使用引导工具提示来显示标题。但是，当您单击此元素时，我正在更改工具提示，但新的工具提示不会显示，直到我从中移除鼠标并再次将鼠标悬停在该元素上。

我希望在单击所述按钮时立即显示工具提示。我怎样才能做到这一点？有没有办法在缺乏更好的词的情况下“刷新”html元素？

缩略图下的工具提示不起作用。任何想法为什么？

工具提示设置

fbAlbum2 设置

http://jsfiddle.net/79RVw/1/

抱歉混乱的css代码！

编辑：在 fbAlbum 初始化中调用工具提示函数时，不会在 magnific-popup 的弹出窗口中检索到 facebook 图像的标题。 http://jsfiddle.net/79RVw/4/

没有工具提示就可以了！http://jsfiddle.net/79RVw/5/