问题标签 [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 回答
137 浏览

jquery - 虽然引导工具提示处于活动状态,但会阻止触发 jquery 事件

我有一个输入字段,当聚焦时显示引导工具提示。

该字段的剩余字符数显示在附近<h6>。此计数器在jquery keyup事件上更新。

问题是当工具提示处于活动状态时,jquery 事件 keyup 不会触发并且计数器不会更新。

您可以在这里看到问题:codepen

尝试在输入中写一些东西,无论是否将鼠标悬停在输入字段上。

...任何想法如何解决这一问题?

0 投票
1 回答
5205 浏览

twitter-bootstrap - UI-Bootstrap Popover 离开屏幕

我正在使用UI Bootstrap (AngularJS) 中的 Ui-bootstrap 弹出窗口。

页面边框的弹出框似乎超出了屏幕...

有没有更好的方法来定位弹出框 - 所以它可以留在屏幕内?

如您所见,弹出框已被剪切...

在此处输入图像描述

http://plnkr.co/edit/QQxfc4BlHceJwt8zulKu?p=preview

0 投票
1 回答
38 浏览

javascript - 单击时,引导工具提示在鼠标悬停时不起作用

当单击在悬停时显示工具提示的元素时,我无法弄清楚如何保持工具提示悬停功能。所以基本上我想在每次光标离开元素时隐藏工具提示,无论它是否被点击。

这是示例:

0 投票
2 回答
438 浏览

php - 在基于 PHP 的系统上正确使用 Bootstrap 3 Tooltip

我一直试图让这个工具提示代码在页面上初始化,但我无法让 jQuery 正确连接。

我们在 Ubuntu 上运行 PHP,我们正在使用 Silverstripe。无论将其添加到何处或添加到哪个文件,我都无法使以下脚本正常工作。我什至尝试从单独的文件中调用它,但它也没有初始化。

如何将此代码添加到 PHP 或 SS 文件中?(银条 CMS 文件)

0 投票
2 回答
617 浏览

twitter-bootstrap - Twig过滤器在html标签内返回

我正在尝试在 twig 模板中更轻松、更清晰地显示 Bootstrap 工具提示。我想实现这样的目标:<i class="icon" {{'this is great tooltip'|tooltip}}></i> 我创建了树枝过滤器:

它按我想要的方式返回字符串。但是,在 html 代码中,它看起来像这样:

正如你所看到的,我已经添加了['is_safe'=>['html']],但它根本没有改变任何东西。
我试图将空间更改为硬空间,但没有效果。
更糟糕的是,工具提示显示如下:那个工具提示很奇怪忽略所有空格和引号或撇号。它应该看起来像这样: 请帮我解决它!:)这是一个非常好的工具提示!

0 投票
1 回答
1308 浏览

twitter-bootstrap - 如何在 Yii2 NavBar 中添加 TOOLTIP

我已经尝试了很多人在网站、论坛上提出的建议。(激活工具提示)但我仍然没有成功。我在自己的布局文件中添加了这个编码。视图/布局

导航栏小部件编码

CSS

最终我只想像这样出去

在此处输入图像描述

在对我的编码进行了一些修改之后,显示了这个输出。

在此处输入图像描述

0 投票
1 回答
116 浏览

javascript - 鼠标光标上的 BootstrapTooltip 位置

我想要带有鼠标光标的引导工具提示。是否可以在 angularjs 中做到这一点。如果不是,那将是什么替代方案。

0 投票
8 回答
27196 浏览

jquery - 从引导工具提示中删除透明度

来自 twitter bootstrap 的标准 .tooltip 具有我想删除的透明度。

这是我的 HTML:

CSS:

我还做了一个 JSFiddle 来说明,这里: https ://jsfiddle.net/fiddlejan/xpwhknja/

如果您将鼠标悬停在按钮上,您可以看到透明的工具提示文本也显示下方的文本。

我试过:

但它似乎不起作用......

0 投票
1 回答
3136 浏览

javascript - 包含 ajax 后如何初始化引导工具提示?

我正在使用 ajax 将内容 (HTML) 加载到我的网站。这包括,除其他外,这个片段:

如此处所述:bootstrap 3 > tooltip,我需要对其进行初始化。ajax成功后如何初始化它?编辑:完整的工作示例。在这里,我模拟了一个“ajax 调用”。问题是持续时间。当您删除超时时,它将起作用:

0 投票
1 回答
17770 浏览

twitter-bootstrap-tooltip - 引导工具提示单击触发器不起作用

这里绝对菜鸟。我的目标是让 bootstrap-tooltip 在单击 bootstrap-glyphicon 时出现。但它出现在悬停上。在这里分享 jsfiddle - https://jsfiddle.net/govind91/Lzzgxcro/

这是html

Javascript

请让我知道我哪里出错了。