问题标签 [twitter-bootstrap-tooltip]

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 回答
875 浏览

jquery - 如何检查引导轮播是否停止滑动?

我需要为使用轮播获取并显示的列表应用工具提示。在那个用省略号包裹的项目列表中,我需要为它们显示工具提示。

但是如果我在滑动完成之前移动鼠标,那么工具提示似乎在页面的角落。

这是我在鼠标悬停时显示工具提示的代码。

我使用他们网站中给出的 .slid 事件进行了检查,还检查了 carousel-inner 子项是否处于活动状态,但这也不起作用,并且这两个事件都在滑动完成之前触发。

0 投票
2 回答
3981 浏览

javascript - 引导工具提示在 chrome 中不起作用

引导工具提示在 chrome 中不起作用,但在 Firefox 中工作正常。

而且该位置在 Firefox 中也无法正常工作,即使在定义为正确之后,它也只显示在顶部。

0 投票
1 回答
1566 浏览

css - Bootstrap 3 中的工具提示在 Firefox 中具有不需要的 CSS 效果

请查看我的实时站点http://mozzor.com并将鼠标悬停在顶部的圆圈图标上。请注意仅在 Firefox 中出现的两种效果(我使用的是 FF23):

1) 工具提示文本中添加了蓝色下划线

2)文本在悬停时呈现,然后过了一会儿,似乎模糊了自己。

我在使用 Firebug 进行调试时遇到了麻烦……我找不到与这些效果中的任何一个相对应的 css 元素。

以防万一,这里有一些关于我如何设置工具提示样式的相关代码:

编辑:第二个问题似乎在 Firefox 中缓慢处理字体别名。尝试几种不同的字体后问题仍然存在。有关更多信息,请参见下文:

Github 问题:https ://github.com/twbs/bootstrap/issues/10218

Bugzilla 问题:https ://bugzilla.mozilla.org/show_bug.cgi?id=909814

0 投票
4 回答
104045 浏览

jquery - 在 Bootstrap 工具提示中显示长文本

我正在尝试在 twitter 引导工具提示中显示一些长文本。正如您在下图中看到的那样,事情并没有一帆风顺。有没有人可以轻松修复溢出引导工具提示的文本?

工具提示溢出

编辑(添加请求的代码):

在我的控制器中:

在我看来:

0 投票
1 回答
736 浏览

javascript - 引导弹出框自定义位置问题

我正在使用引导弹出窗口。我想制作一个自定义位置,将框放在<a>. 我在这里有代码 int ,它有点工作。我调整了工具提示 js 代码以使左上角的位置生效,它产生:

现在的问题是,当第一次单击锚点时,该框会显示在某个位置上方和更右侧的位置。但是,当我单击关闭时,再次单击它会显示它需要的位置。有什么想法吗?

0 投票
1 回答
260 浏览

jquery - joomla 1.5 上的 twitter boostrap 工具提示

我只在我的 joomla 1.5 模板上显示工具提示时遇到问题(是的,我知道我应该升级到更新版本的 joomla,但不幸的是,这个选项目前不可用)基本上代码使用是作为 getbootstrap 网站

和使用的js

这在任何模板中都可以正常工作,但是当添加到 joomla 中时,我在 jquery.min.js 上收到以下错误:TypeError:e is undefined Here's the image of the firebug console

在此处输入图像描述

0 投票
1 回答
189 浏览

css - Elegant way to close twitter bootstrap tooltip

I am using Twitter Bootstrap v3 to add a 'Invalid login' tooltip to the login button. Here's my code:

In particular, I am wondering if there is a better way to close the tooltip. I was hoping that I could configure the tooltip plugin to automatically fade after a few seconds. Alternatively, I tried chaining a .fade(2000) after the call to the 'show' method, but this didn't work.

The above code works, I'm just looking for a more elegant alternative.

0 投票
0 回答
398 浏览

javascript - 使引导弹出窗口出现在鼠标下

当用户使用 twitter bootstrap 2.3.2 将鼠标悬停在某个元素中的文本上时,我试图在鼠标光标下显示一个弹出框。因为悬停在上面的文本不是链接,所以我无法让弹出框适当地放置自己并最终使弹出框出现在父元素周围,而不是文本周围。

为了解决这个问题,我想让弹出框出现在鼠标光标下。

我尝试了这个问题中给出的答案bootstrap popover, how to make it appear on the place where my mouse move on?(not only top/bottom/right/left),但似乎从未发生过事件,所以它不是不可能得到坐标。

作为参考,我目前只是这样调用弹出框:

使用链接问题解决方案时出错:

为了帮助解释这个过程,用户将鼠标悬停在附加了悬停事件监听器的常规文本上。然后,我想在鼠标光标下打开一个弹出框,其中包含来自悬停后启动的 ajax 请求的信息。

有没有办法做到这一点?弹出窗口似乎非常重视使用链接,而链接的问题是我唯一的线索。

0 投票
1 回答
2098 浏览

twitter-bootstrap-3 - 无法使用引导程序 3 在列表项中显示工具提示

经过大量搜索后,我还没有找到在 bootstrap 3 中使用 jquery 显示工具提示的解决方案。

我有一个图标列表,我想在它们上显示具有不同标题的工具提示。

jsfiddle上的代码不起作用,但仍然是链接

0 投票
1 回答
380 浏览

twitter-bootstrap - Bootstrap 3 工具提示未按预期触发

我发现了很多关于 Bootstrap 3 Tooltips 的问题,但没有一个能解决我的问题。

这是我的代码:

http://jsfiddle.net/qa22N/

$('#mytooltip').tooltip()

上面的代码不起作用,请参阅 Fiddle 示例。

我究竟做错了什么?我不知道为什么工具提示根本没有显示。谢谢你的帮助。