问题标签 [tipsy]

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

javascript - 将 jQuery Tipsy 与 jQuery ON 集成

我有一个网站,有无限的页面和动态加载的内容。

目前我正在使用 jQuery Tipsy 插件,并且需要在任何向网站动态添加内容的函数中调用它(以获取此新内容的工具提示)。我目前正在将绑定更改为 ons,这将有助于在涉及点击和其他事件的情况下实现这一点。

我当前的代码,重复了很多是:

是否可以使用 jQuery ON,并将其绑定到正文,如果将内容添加到正文,则内容(如果它具有 [data-tooltip] 属性)将自动执行提示功能?

例如:

谢谢

0 投票
1 回答
1759 浏览

javascript - 使用 d3.js 在地图上创建工具提示

我正在扩展这个例子 http://bl.ocks.org/tommyskg/6111032

每当我单击它时,我都在努力添加工具提示:我使用 d3.JS
http://onehackoranother.com/projects/jquery/tipsy/#download

但是我收到了这个错误: 未捕获的类型错误:对象 [对象数组] 没有方法 'tipsy'

看来我两次使用 JQuery

我怎样才能减少这种冲突?

第二种方式:

我认为地图存在问题,因为工具提示可能隐藏在地图后面。我在显示相对时设置了工具提示的位置。我手动编码。

但我无法达到结果?有什么想法可以解决这个问题吗?

0 投票
2 回答
251 浏览

javascript - Javascript 超链接显示为文本而不是可点击的链接

我通常不会在 Javascript 方面做太多事情,但最近几天一直在解决这个问题。基本上我在表格中有文本,其中文本本身是一个链接,单击该链接会选择文本。当链接悬停在上面时,我正在使用 Tipsy 显示消息“单击以选择文本”。单击链接(并选择文本)后,我希望将 Tipsy 显示的原始文本更改为超链接。我可以更改文本,但链接是纯文本而不是可点击的链接。

这是一行文本的示例(函数 fnSelect 使用该类来选择表格行中的所有文本)。

函数alternate() 是我试图通过更改原始标题来显示超链接的函数,如下所示。

我无法告诉你我改变了多少次试图弄清楚如何使元素链接可点击,但没有运气。您可以提供的任何帮助将不胜感激。

0 投票
1 回答
6224 浏览

angularjs - 如何使用AngularJS动态绑定Title属性上的Tipsy工具提示

好的,所以我给自己做了一个 jQuery Tipsy 的指令,它可以按我的意愿工作,但是我的标题有点问题。我希望我的标题有时会被填充,有时会根据所选选项(下拉菜单)为空白,因此它非常动态。我确实有一些工作,ng-attr-title但它似乎只做一次。
这是我的指令:

这是一些示例 HTML 代码:

请注意,它第一次确实有效,如果我直接选择 type2 在我的工具提示标题中没有显示任何内容,那么我选择 type1 并且title属性被填充......这是正确的......但是然后选择其他任何东西,title永远不会改变. 好像ng-attr-title只能用一次???我希望它一直绑定,有什么建议吗?
注意:
请注意,我的问题严格在于ng-attr-title和/或title属性,而不是指令本身,我提供它只是为了展示我是如何实现它的。

0 投票
0 回答
269 浏览

javascript - Tipsy 工具提示在 Firefox 中没有正确定位

它在 Chrome 中正常工作。

jsFiddle

D3 代码:

CSS:

我错过了什么?

0 投票
1 回答
437 浏览

drupal-7 - Tipsy +Views 工具提示不起作用

我想在视图 UI 中显示工具提示。我安装了以下两个模块:-

  • 醉醺醺的
  • 视图工具提示

我在视图 UI 中有以下字段:- Name[Visible] Snaps[Visible]

现在在视图 UI 中添加字段“全局:工具提示”。我在“工具提示文本”中给出了一个简单的“你好”。

我的要求是简单地将 hello 文本显示为 View 内快照的工具提示。

Tipsy配置如下:-

在此处输入图像描述

请让我知道我做错了什么,因为没有显示工具提示。

0 投票
0 回答
126 浏览

javascript - 醉醺醺的 d3 Chloropeth 地图

我正在使用此为 Mike Bostock 的 chloropeth 地图添加醉意:http: //bl.ocks.org/ilyabo/1373263。我在我的 csv 中添加了另一列,标题为“county_name”。如果我尝试使用 k.id 检索 id,则工具提示工作正常,但是当我尝试 k.county_name 时,我得到未定义。

我正在加载 csv 数据,我可以显示不同的 ID,但我只能通过手动设置一次显示一个县名。我不知道如何将 id 与 County_name 匹配。

0 投票
1 回答
1045 浏览

javascript - 为什么 Tipsy 和 qtip 不选择我的 svg 元素?

我正在尝试使用 d3 在我的地图中添加工具提示——根据这篇文章的建议Show data on mouseover of circle

我正在查看Bostock 教程中的这个示例。

我的 SVG 看起来像这样:

我的文档加载函数中有这个 jquery,它在我调用加载 SVG 之后调用:

.button 选择器会触发工具提示——因此提示正确加载(也没有控制台错误)。我的“.precinct”选择器也是正确的,因为我可以编写一个 css 规则 .precinct{style} 并且它会设置 precinct svgs 的样式。那么我错过了什么?它应该选择类区域的所有内容并添加工具提示,就像它选择类按钮的所有内容并添加工具提示一样。正确的?

我在 simpletip 工具提示库中遇到了同样的问题。

0 投票
1 回答
252 浏览

javascript - firefox 中醉醺醺的、svg 和 css 的解决方法?

我有 svg 元素的提示工具提示(使用 d3 生成)。我无法让它们出现在 Firefox 中的光标旁边,所以我按照这个答案中链接到的补丁Tipsy tooltip position on d3 in Firefox, IE修复了大部分问题。

但是,我使用这个 CSS 规则围绕某些 SVG 元素创建环:

对于这些元素,在 FF28 中,tipsy 将工具提示设置在元素的左上方:

在此处输入图像描述 在此处输入图像描述

是否有(适度无痛的)解决方法?一种修改醉酒的方法?或者我可以使用不同的 CSS 来获得相同的效果?

0 投票
1 回答
6601 浏览

jquery - 如何做引导提示提示多行

如标题所示,如何将工具提示分成两行?

我也会使用一些 html 标签(如 span 或 p)。

我已经尝试过 html 实体,它不起作用。 Some<br> text