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

jquery - Bootstrap 弹出框位置和放置和提示

您如何定位引导弹出框,使其在窗口调整大小时不会从触发元素上浮动?

需要应用什么 css 才能将尖端移动到弹出框的顶部边缘,即靠近拐角处?

我设置了以下选项,但它将弹出框放在左侧而不是右侧。

的HTML:

0 投票
3 回答
7799 浏览

javascript - 创建一个可以在 angularjs 中单击的悬停工具提示

我正在尝试使用 Bootstrap UI 创建悬停工具提示。当鼠标悬停在按钮上时,工具提示应该可见,工具提示有一个可以点击的链接。但是 Bootstrap UI 提供的默认弹出框和工具提示会在鼠标移出时消失。我在网上搜索了很多,但找不到解决方案。一些网站已经给出了使用 jQuery 的解决方案,但我的要求是在 AngularJS 中。许多网站引用我们必须使用 $tooltipProvider,请您告诉我如何在控制器内为“mouseenter”和“mouseleave”编写 customEvent。

0 投票
2 回答
8060 浏览

angularjs-ng-repeat - 引导工具提示不使用角度 ng-repeat 呈现

我正在尝试为tooltip通过但工具提示创建的表的第一行创建ng-repeat. 但未呈现。

HTML

0 投票
0 回答
113 浏览

javascript - $location.search() 使 angular-ui-bootstrap 的工具提示消失

当我在我的代码机制中实现在后台更改 url 的查询时(使用),它导致在更改 url 值的那一刻$location.search消失所有具有选项的工具提示。tooltip-append-to-body由于另一个原因,我需要tooltip-append-to-body属性(最简单的解决方案是删除它,但这不是我的解决方案)。

我的代码如下所示:

js:

索引.html:

主页.html:

在这里你有 plunker:http ://plnkr.co/edit/DkmcSMGmYAowbI4rNQ6W?p=preview 。

0 投票
1 回答
1165 浏览

twitter-bootstrap - Filestyle 输入元素上的引导工具提示

有没有办法将引导工具提示附加到Filestyle输入元素?悬停在上面时会出现这样的东西:

带有工具提示的文件样式

我尝试了以下但没有成功:

这是JSFiddle 会话的链接。

0 投票
1 回答
5261 浏览

twitter-bootstrap - 引导工具提示中的链接 href 属性显示

如何在工具提示引导程序中显示属性(href)的链接?

0 投票
1 回答
546 浏览

css - Bootstrap 工具提示 - 它可以包装文本吗?

我想在 a 中显示一些文本,tooltip但它在tooltip自身之外溢出。我怀疑我把某个css属性弄得一团糟,有人能指出我应该应用的修复吗?它看起来像这样:

在此处输入图像描述

谢谢 :)

0 投票
1 回答
128 浏览

twitter-bootstrap-3 - bootstrap-3 工具提示不会根据 js - if - 条件闪烁

这是我用于将用户注册到 mysql db 的代码。我正在使用 Twitter Bootstrap 工具提示,以获得以下信息:

  1. 最初,当用户将鼠标悬停在文本框上时,将显示写入title属性中的字符串。
  2. 如果他只写 2 个字母(fe,名字),然后按下提交按钮,表单将不会提交,新的工具提示消息应该闪烁并显示:“请使用至少 3 个字母!”。
  3. 表单中的每个输入都使用相同的算法。
  4. 如果用户正确填写了所有的文本框,那么表单将被提交到register.php,它将处理数据。

    /li>

问题:

  1. 当用户没有输入预期的数据(fe,至少 3 个字母)时,工具提示不会相应更改(fe,请至少使用 3 个字母!)。
  2. 当用户确实输入了预期的数据时,由于未知原因,表单没有提交!

有什么建议吗?谢谢!

0 投票
0 回答
601 浏览

twitter-bootstrap - 引导工具提示和真棒引导复选框错误

因此,当您使用 Awesome Bootstrap Checkbox 和 bootstrap 工具提示时,似乎在您将鼠标从复选框中移动后会显示复选图标

这是javascript(来源:bootstrap)

这是一个例子: http ://codepen.io/anon/pen/EjBYaz

有没有办法来解决这个问题?

0 投票
3 回答
2536 浏览

jquery - 引导工具提示显示为默认工具提示

我希望我的工具提示消息在黑色框中显示引导文档,但我得到了默认的工具提示文本。谁能建议我做错了什么?

如果有人告诉我解决我的问题的真正概念,我真的很感激。我该怎么办?Plunker 演示

谢谢你。