问题标签 [tiptip]

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

javascript - jQuery/Javascript 插件最佳实践

我对使用 jQuery/Javascript 不是特别熟悉,所以我不知道做我所要求的最好的方法是什么,它有效,但我不知道它的效率如何。

基本上我有一个名为TipTip的插件来创建工具提示。它要么从您希望提示出现的内容的“标题”属性中获取信息,要么您可以使用脚本中的选项来包含 HTML,如下所示:

我想在我的页面上生成许多不同的工具提示,但它们都具有相似的样式,并且实际上只需要一个可变变量(它们是一个成就进度条,所以我只需要为 % 进度传递一个值)。

那么简单地有很多脚本标签并复制上面的代码是否可以,或者我可以以某种方式将变量传递给它并且只将一段工具提示代码保留在顶部?

或者这是一个适合 TipTip 开发者的问题?提前致谢。

0 投票
2 回答
5191 浏览

jquery - 如何使用 Jquery TipTip 插件制作粘性工具提示

我正在使用 Jquery TipTip 插件。如果您知道更好的插件易于使用,您可以告诉我。好的,现在我可以让它工作了。它显示工具提示非常好。但我想制作粘性工具提示。我的意思是当你将鼠标悬停在对象上时,工具提示将被显示,直到人们点击我放在工具提示中的链接,所以当人们点击工具提示时,工具提示将被关闭。他们的文档为零,所以我无法解决。

提示主页:http ://code.drewwilson.com/entry/tiptip-jquery-plugin

这里他们怎么说退出和进入

输入:回调函数 - 每次将鼠标悬停在应用了 TipTip 的元素上时运行的自定义函数。

exit: 回调函数 - 每次鼠标移出应用了 TipTip 的元素时运行的自定义函数。

我如何从正文中的tiptip源代码调用函数。

0 投票
2 回答
82145 浏览

jquery - 如何使用href调用jquery函数

我正在使用 Jquery 提示插件。我想通过单击 href 链接来调用 deactive_tiptip 函数。我怎样才能做到这一点 ?

我将在工具提示 div 中调用该函数。

这是tiptip插件的代码

0 投票
3 回答
1471 浏览

jquery - 我不能在插件代码之外调用 jquery 插件函数

这是我的定义

这就是我在 html 元素的标题中调用它的方式

这就是我将 TipTip 插件添加到我的内容的方式

但它给出了函数未定义的错误。插件运行良好。

这是插件源代码

我正在调用这样的函数并且它们正在工作

0 投票
1 回答
130 浏览

jquery - 工具提示仅适用于 href 的特定部分

我正在尝试实现一些简单的工具提示(TipTip)效果,但由于一些奇怪的原因我无法让它工作:

http://basenharald.nl/3d/ 点击pssst,你会看到一些社交图标。我正在尝试在 facebook 图标上创建一个工具提示。在它周围包裹一个href(给它一个红色边框以进行测试)。现在,当我悬停 href 时,工具提示只会出现在 href 元素的底部。

我不明白它为什么这样做。因为边框清楚地表明 href 完全包裹在图标周围。

一些帮助将不胜感激。到目前为止,我尝试设置:高度、z-index、显示:块(使布局分崩离析)、浮动。似乎没有任何效果。

此外。我希望工具提示出现在底部。只要我不向右滚动,它就可以正常工作。向右滚动时,它出现在左侧并且布局中断。

提前致谢!

0 投票
1 回答
935 浏览

jquery - 在使用tiptip和jquery on()进行ajax请求后,tipTip适用于“第二”悬停

我正在使用 wordpress + ajax 日历未来帖子插件(http://wordpress.org/extend/plugins/wordpress-plugin-ajax-calendar-with-future-posts/)+tiptip插件http://code.drewwilson。 com/entry/tiptip-jquery-plugin。我已经设法让它们一起工作,尽管提示仅适用于第二次悬停 - 我的意思是当您在 ajax 请求提示提示未显示后第一次悬停元素时。我将日历用作主页上的小部件。

这是我激活tiptip的方式。

如果我使用它可以很好地用于初始负载

,但在ajax请求后消失。

问题是我如何获得提示以显示它应该显示的方式:在“第一次悬停”、mouseenter、mouseover 等。我已经尝试了所有这些事件。又名:如何让第一段代码正常工作。

我试图找到答案,这让我走到了现在的阶段。通过这个超出了我的“现在技能”。

0 投票
1 回答
737 浏览

jquery - 单击时显示所有 jQuery TipTip 工具提示

使用 jQuery 的 TipTip (http://code.drewwilson.com/entry/tiptip-jquery-plugin) 进行开发。

我需要的是在一个页面上显示所有工具提示,在某个事件上(页面加载或单击某个链接)。

有可能用这个库来实现吗?

0 投票
2 回答
333 浏览

javascript - 延迟 jQuery 淡出

我正在使用一个名为tipTip (http://code.drewwilson.com/entry/tiptip-jquery-plugin) 的jquery 插件。我将它用于电子商务网站,当用户将鼠标悬停在产品图像上时,会出现一个信息框,其中包含有关产品的额外详细信息。

tipTip 的默认行为是,一旦用户将鼠标从链接上移开,悬停框就会消失。您还可以设置 keepAlive: true 以要求用户将鼠标移到悬停框上以使该框消失。这两种情况都不适合我。我在悬停框中有链接,因此用户需要能够进入该框而不会消失。但我也不希望用户被要求输入框使其消失。移开链接和框应该使它消失。

为了解决这个问题,我一直在尝试将 jquery delay() 放入tipTip javascript。我也尝试过使用 setTimeout。但我一直发现,我所能做的就是悬停框一直存在,直到用户移动到另一个链接。而我希望 delay() 意味着它在我指定的毫秒数后消失,而不管用户是否已经移动到另一个链接。

您可以在此处查看完整的tipTip js 代码:http ://code.google.com/p/geoapps/source/browse/trunk/capstones/talha_khopekar_2012/jquery.tipTip.js?spec=svn108&r=108

我一直试图通过修改最后几行来实现延迟。我尝试添加延迟如下:

但正如我所说,这样做的效果是悬停框保持原位,直到用户移动到另一个链接,并激活一个新的悬停框。我真的不明白这是为什么。我的理解是延迟功能应该简单地将淡出延迟 1 秒,然后淡出应该正常进行。

0 投票
2 回答
796 浏览

php - 获取工具提示以显示 jquery tipTip

大家好,我一直在尝试插入工具提示,但我不知道我做错了什么..

我包括所有必要的文件

并在页面中使用此脚本

这就是我将它实现到 html 中的方式

我究竟做错了什么?

这是我认为的jsfiddle

http://jsfiddle.net/jFqFG/

0 投票
1 回答
2241 浏览

jquery - 在文档就绪时显示提示

我正在使用 Drew Wilsons Tip Tip Plugin 和修改后的方法来“显示”、“隐藏”或“销毁”一个 TipTip...

出于某种原因,我无法准备好在文档上显示的所有工具提示,但它们不会出现我想知道是否有人可以引导我朝着正确的方向前进......这是我的代码......

jQuery:

提示默认值

HTML

我究竟做错了什么???如果您需要任何其他代码,请告诉我!