问题标签 [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.
javascript - 将 jQuery Tipsy 与 jQuery ON 集成
我有一个网站,有无限的页面和动态加载的内容。
目前我正在使用 jQuery Tipsy 插件,并且需要在任何向网站动态添加内容的函数中调用它(以获取此新内容的工具提示)。我目前正在将绑定更改为 ons,这将有助于在涉及点击和其他事件的情况下实现这一点。
我当前的代码,重复了很多是:
是否可以使用 jQuery ON,并将其绑定到正文,如果将内容添加到正文,则内容(如果它具有 [data-tooltip] 属性)将自动执行提示功能?
例如:
谢谢
javascript - 使用 d3.js 在地图上创建工具提示
我正在扩展这个例子 http://bl.ocks.org/tommyskg/6111032
每当我单击它时,我都在努力添加工具提示:我使用 d3.JS
http://onehackoranother.com/projects/jquery/tipsy/#download
但是我收到了这个错误: 未捕获的类型错误:对象 [对象数组] 没有方法 'tipsy'
看来我两次使用 JQuery
我怎样才能减少这种冲突?
第二种方式:
我认为地图存在问题,因为工具提示可能隐藏在地图后面。我在显示相对时设置了工具提示的位置。我手动编码。
但我无法达到结果?有什么想法可以解决这个问题吗?
javascript - Javascript 超链接显示为文本而不是可点击的链接
我通常不会在 Javascript 方面做太多事情,但最近几天一直在解决这个问题。基本上我在表格中有文本,其中文本本身是一个链接,单击该链接会选择文本。当链接悬停在上面时,我正在使用 Tipsy 显示消息“单击以选择文本”。单击链接(并选择文本)后,我希望将 Tipsy 显示的原始文本更改为超链接。我可以更改文本,但链接是纯文本而不是可点击的链接。
这是一行文本的示例(函数 fnSelect 使用该类来选择表格行中的所有文本)。
函数alternate() 是我试图通过更改原始标题来显示超链接的函数,如下所示。
我无法告诉你我改变了多少次试图弄清楚如何使元素链接可点击,但没有运气。您可以提供的任何帮助将不胜感激。
angularjs - 如何使用AngularJS动态绑定Title属性上的Tipsy工具提示
好的,所以我给自己做了一个 jQuery Tipsy 的指令,它可以按我的意愿工作,但是我的标题有点问题。我希望我的标题有时会被填充,有时会根据所选选项(下拉菜单)为空白,因此它非常动态。我确实有一些工作,ng-attr-title
但它似乎只做一次。
这是我的指令:
这是一些示例 HTML 代码:
请注意,它第一次确实有效,如果我直接选择 type2 在我的工具提示标题中没有显示任何内容,那么我选择 type1 并且title
属性被填充......这是正确的......但是然后选择其他任何东西,title
永远不会改变. 好像ng-attr-title
只能用一次???我希望它一直绑定,有什么建议吗?
注意:
请注意,我的问题严格在于ng-attr-title
和/或title
属性,而不是指令本身,我提供它只是为了展示我是如何实现它的。
drupal-7 - Tipsy +Views 工具提示不起作用
我想在视图 UI 中显示工具提示。我安装了以下两个模块:-
- 醉醺醺的
- 视图工具提示
我在视图 UI 中有以下字段:- Name[Visible] Snaps[Visible]
现在在视图 UI 中添加字段“全局:工具提示”。我在“工具提示文本”中给出了一个简单的“你好”。
我的要求是简单地将 hello 文本显示为 View 内快照的工具提示。
Tipsy配置如下:-
请让我知道我做错了什么,因为没有显示工具提示。
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 匹配。
javascript - 为什么 Tipsy 和 qtip 不选择我的 svg 元素?
我正在尝试使用 d3 在我的地图中添加工具提示——根据这篇文章的建议Show data on mouseover of circle
我正在查看Bostock 教程中的这个示例。
我的 SVG 看起来像这样:
我的文档加载函数中有这个 jquery,它在我调用加载 SVG 之后调用:
.button 选择器会触发工具提示——因此提示正确加载(也没有控制台错误)。我的“.precinct”选择器也是正确的,因为我可以编写一个 css 规则 .precinct{style} 并且它会设置 precinct svgs 的样式。那么我错过了什么?它应该选择类区域的所有内容并添加工具提示,就像它选择类按钮的所有内容并添加工具提示一样。正确的?
我在 simpletip 工具提示库中遇到了同样的问题。
javascript - firefox 中醉醺醺的、svg 和 css 的解决方法?
我有 svg 元素的提示工具提示(使用 d3 生成)。我无法让它们出现在 Firefox 中的光标旁边,所以我按照这个答案中链接到的补丁Tipsy tooltip position on d3 in Firefox, IE修复了大部分问题。
但是,我使用这个 CSS 规则围绕某些 SVG 元素创建环:
对于这些元素,在 FF28 中,tipsy 将工具提示设置在元素的左上方:
是否有(适度无痛的)解决方法?一种修改醉酒的方法?或者我可以使用不同的 CSS 来获得相同的效果?
jquery - 如何做引导提示提示多行
如标题所示,如何将工具提示分成两行?
我也会使用一些 html 标签(如 span 或 p)。
我已经尝试过 html 实体,它不起作用。
Some<br> text