问题标签 [jquery-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 投票
2 回答
2374 浏览

jquery - jQuery工具工具提示更改事件问题

我正在使用 jQuery 工具插件,在我的页面上使用工具提示。我想更改工具提示的默认行为,而不是"mouseover,mouseout"我想使用的默认行为"dblclick,click",如下所示:

然后发生的是工具提示在 onDoubleClick 上像我想要的那样打开,但关闭行为不是我定义的,它仍然是鼠标悬停。

是不是应该允许关闭单击事件(也许我应该使用模式而不是工具提示来获得我想要的行为)或者我做错了什么?

0 投票
1 回答
795 浏览

jquery - IE6 中的 jQuery 工具提示

我目前正在使用 jQuery Tools Tooltip。它在 IE8/Firefox 中工作,但客户端也需要它在 IE6 中工作。从我在他们网站上看到的一切,以及它在项目的其他地方工作的事实,我知道它与 IE6 兼容。

我相信挂断是因为我将工具提示附加到 AJAX 生成的表行列表。到目前为止,我已经尝试了这两种方法,这两种方法似乎都适用于 IE8/Firefox,但都不适用于 IE6。

尝试1:

尝试 2 与上面相同,但删除了 .tooltip() 部分,并在 document.ready 函数之外添加了以下代码

有没有人看到我哪里出错了或者知道 IE6 有什么不寻常的地方会阻止它工作?

0 投票
1 回答
1485 浏览

jquery - 如何在 Google Chrome 扩展的内容脚本中使用 jQuery 工具提示?

我想为所有受我的 chrome 扩展影响的网页上的某些元素提供工具提示。jQuery UI 提供了工具提示功能,但我无法将它们用于内容脚本。

  1. 我需要对 manifest.json 文件进行哪些更改?

  2. 如何让 $('tag').tooltip() 工作?

PS:我的初步研究表明,在普通的网页-JS 绑定中使用 jQuery 与在 chrome 扩展中使用 jQuery 工具提示不同。

提前致谢!

0 投票
1 回答
575 浏览

jquery - 这个jQuery工具提示行为我做错了什么?

(编辑)当前行为是悬停时不显示工具提示。不是默认的 html 标题或 jquery 工具提示(/edit)

我在网页上有一个日历。当一天有一个事件并且您将鼠标悬停在它上面时,会显示 html 标题属性,其中包含用逗号分隔的事件名称。当一天有 20 个事件时,这将开始看起来很难看,所以我想使用 jQuery 以不同的方式显示。这是我用于显示工具提示的代码(我在使用 $ for jQuery 时遇到了问题,因为我不了解页面上其他 jQuery 脚本之间的冲突内容,并且全部输入似乎只是工作):

这不起作用,所以我不确定我在那里做错了什么。但是在显示工具提示后,我需要更改多个逗号分隔事件的显示方式,最好更改为无序列表。我在下面有这个片段,它可能会将项目分隔成一个数组,也可能不会,在每个逗号处断开字符串:

var titleArray = $(".eventful").attr("title").split(",");

如果这确实有效,我不确定如何将其合并,并将其放入 ul。非常感谢您对此的帮助!

0 投票
1 回答
503 浏览

jquery - 如何使 jQuery 工具提示在 XML 页面的 Google Chrome 扩展的内容脚本中工作?

我正在创建一个适用于在 Chrome 中打开的 XML 页面的 Google Chrome 扩展程序。现在我想要这个 XML 页面上的 jQuery 工具提示。

问题是当我包含一个 jQuery 工具提示插件并在我的内容脚本中调用相应的工具提示函数时,它不会显示在 XML 页面中。它适用于 HTML 页面,但不适用于 XML。

它显示一个错误:未捕获的类型错误:无法读取 null 的属性 'childNodes'

请告诉我如何在内容脚本中获得适用于 XMl 页面的工具提示。

0 投票
2 回答
2552 浏览

tooltip - jQuery Tools Tooltips 的可靠性只有 90% 左右吗?(以及如何解决它?)

jQuery Tools 1.2.5 Tooltip看起来非常漂亮和花哨,但我将它添加到我们的开发站点,并且它在 90% 的时间里都能正常工作。有时,鼠标悬停在选项卡上,没有工具提示出现,有时,鼠标离开选项卡,工具提示仍然存在。(即使在 Firefox 或 Chrome 上)

为什么会这样?

此外,在 IE 7 上,工具提示(它是 HTML,而不仅仅是文本)将弹出一个不同的div,而不是包含工具提示的那个。(在 IE 8 和 9 上,它工作正常)。所以我想它对我来说有 90% 的时间都有效……如果不是 99.9%,那还不够好。所以现在我正在考虑调试它或使用另一个工具提示,有什么建议吗?还是标准的jQuery 插件工具提示最可靠?这个页面上有30 个……这太多了!

0 投票
1 回答
871 浏览

tooltip - 什么是 Javascript ToolTip 库,可以做 HTML 格式化,定位,并且可靠?

什么是可以进行 HTML 格式化和定位的好的 Javascript 工具提示库?

jQuery tooltip 插件据说可靠,但它可以做 HTML 和定位(例如底部中心)吗?

jQuery Tools 的 Tooltip 可以做到这一点,但它只有大约 90% 的可靠性:jQuery Tools Tooltips 是否只有大约 90% 的可靠性?(以及如何解决它?)

此页面列出了其中的 30 个,但没有可靠性等信息。

0 投票
1 回答
403 浏览

jquery - 悬停时的jquery工具提示问题

我是 Jquery 的新手,正在尝试实现 Jquery 工具提示来弹出餐厅的电话号码

首先我试图把它放在我的菜单栏但未能实现它,你可以在我的页面脚本代码中看到它......然后我试图在页面上的 3 个地方放入并有很多问题,我的 nivoslider当我将鼠标悬停在我的“立即提交”按钮之一上时消失

只需单击“立即提交”按钮并亲自查看此处是该页面的链接 单击此处

0 投票
1 回答
2049 浏览

html - P-tags 中基于 div 的工具提示

我正在尝试使用 jQueryTools 在来自 CMS(Alterian)的内容上实现工具提示功能。这个想法是编辑者在他们想要工具提示的地方用哈希和括号标记文本中的单词,即“#triggerword(工具提示内容)。在请求时,使用正则表达式更改 HTML,并在每个之后插入工具提示 div触发词,像这样:

这在许多情况下都可以正常工作,但触发词也可能出现在 P-tags 中。编辑编写他们的文本,这些文本由 CMS 存储为 HTML。我无法控制 P-tags 的使用。当您将 div 放入 P-tag 中时,P-tag 在插入 div 之前会自动关闭。这当然会破坏文本的布局,并且因为触发词和 tooltip-div 不再相邻,所以 tooltip 不起作用。

当来自 CMS 的 HTML 类似于:

然后在进行工具提示转换后,DOM 读取:

...并且布局和工具提示已损坏。

向我建议的一个解决方案是将工具提示跨度和 div 包装在对象标记中:

这确实有效!即使在 P-tags 中!适用于 Firefox 和 Chrome,但不适用于 IE。IE 更改 DOM 并将提示词 HTML 放入 object-tag 的 altHtml-property:

我的(公司)用户中有超过 90% 使用 IE,所以我不能忽略那个浏览器(我想尽可能多地)。

有人对下一步要尝试什么有建议吗?你们是我最后的手段。我担心我将不得不忘记我漂亮的工具提示 div 并改用标准浏览器工具提示(标题属性)。

谢谢!

巴特

0 投票
1 回答
65 浏览

tooltip - 在 jQuery 中使用带有工具提示的 jsonp

任何人都知道允许 jsonp ajax 请求的良好 jQuery 工具提示解决方案吗?我似乎无法获得使用 jsonp 的提示。