问题标签 [jquery-ui-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.
jquery-ui - 为什么这个 jQuery UI 工具提示没有按预期工作?
我已经为此工作了好几天了。我有一个将 jQuery UI 用于日期选择器的应用程序。现在,我还需要一些增强的工具提示,所以我很高兴看到在 jQueryUI 中添加了一个工具提示小部件。
我仍然需要支持旧版本的 IE,所以我不能使用 jQuery 2.0。我已经升级到 jQuery 1.9.1 和 jQuery UI 1.10.3。
无论如何,工具提示的行为根本不像我预期的那样。我正在使用以下代码创建工具提示:
jsFiddle 的完整演示:http: //jsfiddle.net/2agHC/4/。(请注意,我使用左侧的外部资源来加载 jQuery 和 jQuery UI 的匹配版本。)
首先,我无法让 position 属性起作用。我希望工具提示将出现在它所连接的控件的正下方,其左上角以控件为中心。(我已将灰色设为可见。)但是,工具提示出现在窗口的左边缘。
其次,我必须单击div 才能显示工具提示,而我希望它会出现悬停。
我觉得我错过了关于应该如何使用工具提示的一些基本知识,但就像我说的那样,我已经这样做了好几天了。谁能解释我错过了什么?
jquery - 如何优雅地扩展 jQuery UI 工具提示?
我有以下页面:
我已经在 CSS 类上尝试了几种排列方式,它目前的行为是根据需要以更宽的宽度显示黄色背景悬停,但没有扩展黑白边框区域 - 所以工具提示会随着内容溢出而悬停在正确的边界上 - 不是所希望的。
如何要求包含框适合 800px 内部包含 div?
谢谢,
jquery - 关闭时重置工具提示
我正在使用 jQuery UI 的工具提示,最终,我试图将工具提示重置回它的第一个初始状态。
由于似乎没有“重置”功能,知道如何实现这一点吗?
到目前为止,我已经尝试使用关闭回调函数,我可以重置工具提示,但是工具提示没有关闭。我在文档中找不到关于如何在使用关闭回调函数时关闭工具提示的任何内容。
jsFiddle 链接:http: //jsfiddle.net/Handyman/mJMD5/
jquery - 仅当鼠标不在目标或工具提示上时才关闭工具提示
使用 jQuery UI 工具提示,如果我超出了目标,或者如果我超出了工具提示本身,我想保持工具提示打开。
我想我可以使用关闭回调来查看我是否在工具提示或目标区域上方,尽管我必须然后分配另一个 mouseout 函数。
这是我的 jsfiddle:http: //jsfiddle.net/Handyman/fNjFF/
我现在正在研究它,看看我能想出什么。
jquery - jQuery UI 工具提示定位问题
我对 jQuery UI 的工具提示有定位问题。我宁愿不使用 jQuery UI,但我正在处理的项目已经在整个使用它,并且有人要求我尝试使用它,而不是集成我的首选选项 qTip2。
当工具提示出现时,它会导致一个垂直滚动条。我将工具提示定位在目标上方的中央,这是我想要的,不包括这个问题。
我可以看到工具提示位于顶部:-600px,我认为这是导致滚动条出现的原因。
我尝试更改/删除工具提示的位置,但没有任何效果。我尝试删除部分 CSS 以查明问题,它似乎与填充(任何)或高度(最小、最大或固定)有关。
虽然删除填充和高度解决了这个问题,但它显然让工具提示看起来有点......瘦。我想找出问题所在以及解决方法,这样我就可以设置工具提示的样式。
我当前的 CSS(包括我可以看到的导致问题的高度和填充)如下(还有为箭头设置的样式,我已经省略了,因为我可以看到它们没有造成任何问题):
我知道 jQuery UI 有一个关于 connector 的未解决问题,所以我在没有任何定位设置的情况下对其进行了测试,对此没有任何影响。
我已经多次看到这个问题被提及,但由于我没有 qTip 或其他任何内容,所以这无关紧要。
我将不胜感激任何帮助或建议。
谢谢!
jquery-ui - jQuery UI Tooltip 效果有问题
我面临的问题在此页面上: http ://opportunityfinance.net/test/default.aspx?id=6566
基本上,当您将鼠标悬停在图像上时,有时工具提示不会消失。在显示下一个工具提示(当他们将鼠标悬停在另一个图像上时)之前,如何确保所有工具提示都被隐藏?
这是我正在使用的代码:
坦率地说,track: true
最初似乎也不起作用,您必须将鼠标移到图像上才能将其跟踪到鼠标。
我的 HTML 代码是这样设置的(对于页面上的每个图像):
任何帮助将不胜感激。
jquery - 仅使用 javaScript 的 jQuery 工具提示
我正在开发地图应用程序,我想在地图对象上发生 mouseOver 时使用工具提示。
我可以在没有 html 且仅使用 javaScript 的情况下使用 jquery ui 工具提示吗?
例如
jquery - JQUERY 更改标题不适用于工具提示
我正在使用 JQUERY 和 JQUERY UI 来更改一小段文本的标题值。当页面首次加载时,工具提示工作正常并显示我的“点击展开”工具提示。当用户点击“更多...”或“更少...”文本时,它应该触发点击功能(它确实如此);切换博客文章的可见性(它确实如此);将文本从更多切换到更少,反之亦然(确实如此);然后更新按钮的标题,以便工具提示显示新文本(它确实会更新,如 Chrome 中所示)。但是,工具提示永远不会改变,即使标题显示“折叠帖子” - 工具提示仍然显示“点击查看更多”。
如何以 JQUERY UI 工具提示看到更新并在鼠标悬停时正确报告新值的方式动态更新我的标题?
jquery - jQuery UI 工具提示不包括选择标签不起作用
我正在使用 jQuery UI 工具提示小部件,它似乎在 Internet Explorer 中的选择标签上中断。所以我从初始化中排除了选择标签。但是,这似乎不起作用,因为 Internet Explorer 现在缺少所有增强的工具提示。
这是我之前没有使用 IE 选择标签的内容:
现在我正在切换到这段代码。j(document).not("select")
防止显示增强的工具提示。如何使此代码工作?
我也从这个线程尝试了这段代码,但它仍然没有用。任何浏览器中都没有显示任何 jQuery UI 工具提示。
更新:
我试过了,又回到了我开始的地方: