问题标签 [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.

0 投票
1 回答
138 浏览

jquery - JQuery UI 工具提示可以与 CFLayoutArea 一起使用吗?

我正在尝试将 JQuery UI 工具提示添加到 CFLayout 中的内容中。但是,在 IE8(怪癖模式)中,工具提示出现在浏览器的左边距。我相信这是 JQuery 和 Ext-JS 之间的某种不兼容。

为了测试,我尝试创建一个绝对定位的 div,其中左侧为 200px,<CFLayoutArea以查看它是否也会粘在浏览器的左侧,但事实并非如此。相反,它出现在距离左侧 200 像素处,<CFLayoutArea而它应该出现在距离浏览器窗口左侧 200 像素处。

有没有人遇到并解决了类似的问题?在这一点上,切换出怪癖模式不是一种选择。

更新

我通过使用这样的代码管理了一个 hack:

但是,这不是一个干净的解决方案,它会在显示工具提示时阻止动画。

0 投票
0 回答
47 浏览

jquery - 设置位置时不显示工具提示

我正在使用 jQuery UI 来显示带有图像和描述的工具提示。我想改变工具提示的位置。但是当我使用“位置”选项时,工具提示不会显示。代码如下。

没有定位:

和:

如何更改工具提示位置?

0 投票
1 回答
3174 浏览

jquery - 在标题属性中带有 html 内容的 jQueryUI 工具提示

嗨,我有这个问题Jquery UI 工具提示不支持 html 内容,我已经尝试了所有解决方案,但没有人适合我。事实上,我尝试使用此代码但也没有工作

我能做什么?

0 投票
2 回答
4430 浏览

jquery - jquery ui 工具提示,显示列表工具提示

我有一组要在工具提示中显示的数据。话虽如此,工具提示似乎需要一个长字符串输入。我通过逗号加入了我的数组,但是当我发送它时,我想将它显示为一个列表,而不是一个长字符串。

这是我的情况的一个例子:

在我的控制器中:

在模板中:

在指令中:

基本上,在我的工具提示中,我想要一个类似渲染版本的列表:

0 投票
2 回答
398 浏览

google-maps-markers - 无法在谷歌地图信息框中关闭 jquery 工具提示

在我的应用程序中,我在仪表板上有一张巨大的地图,并且在加载 ajax 内容时我正在放置标记。每个标记都有专门设计的信息框,其中我有一个包含两个类的链接:

  1. 工具提示
  2. 花式盒子

在鼠标悬停时,我希望工具提示打开,在鼠标移出时,我希望它关闭,点击时我希望有三件事:

  1. 要关闭的信息框
  2. 要打开的fancybox
  3. 要关闭的工具提示

问题是,在鼠标悬停和鼠标移出时,工具提示按预期运行,但是当我单击链接时,信息框关闭,花式框打开但工具提示没有关闭,它失去了父连接并且永远不会关闭。

这是我的代码:

我也收到此错误:

错误:无法在初始化之前调用工具提示上的方法;试图调用方法“关闭”

0 投票
2 回答
300 浏览

javascript - JQueryUI 工具提示设置被忽略

我无法让 JQueryUI 关注我尝试应用的工具提示设置

我知道正在调用 tooltip() 函数,因为我可以将其注释掉并且显示恢复为标准工具提示,但参数中的任何内容都不会对显示产生任何影响。我的首要任务是让内容出现在多行上,因为我<br />在正确的位置添加了标签。但到目前为止,它们总是显示给用户。

帮助!

0 投票
0 回答
1508 浏览

javascript - 如何使用 Selenium WebDriver 在模态对话框中访问 JQuery Tipped 工具提示文本

场景: 单击一个按钮,出现一个带有输入字段和取消/保存按钮的 jquery 模式对话框。当输入字段为空时,保存按钮被禁用,当将鼠标悬停在其上时,其工具提示会显示文本。

测试: 确保工具提示文本说出它应该说的内容。

使用: FF v26、ChromeDriver_win32_2.2 和 Chrome v31.*、Selenium-java-2.39.0、JQueryUI 和 JQuery.tipped.3.2.0。

问题(两个浏览器) NoSuchElementException:无法找到元素:{“method”:“id”:“selector”:“FileNumberRequiredText”}

Javascript

这个测试代码我在类似的情况下工作,只是不在对话框中:

使用 FireBug,我可以看到元素的 ID 存在。

我也尝试在悬停后暂停并使用 clickAndHold 无济于事。想法?

更新:我已经尝试了以下没有运气:

0 投票
2 回答
3599 浏览

javascript - 使 JQuery UI 工具提示持续存在,直到用户关注输入字段

我有一个输入,当用户第一次加载表单时,它会填充一个值。我想让这个工具提示一直存在,直到用户专注于这一领域。我在整个页面上使用相同的工具提示,并且只需要在页面加载时显示这 1 个工具提示,直到用户专注于其下方的输入。然后它可以消失或表现得像其他人一样。有没有办法做到这一点?

HTML:

JS:

您还可以在小提琴中看到一些漂亮的 CSS:

小提琴

0 投票
2 回答
201 浏览

jquery - 隐藏手动打开的jQuery-ui工具提示

我正在使用 jquery 工具提示,有时我使用以下代码手动显示工具提示:

$("#div").tooltip( "open" );

之后,如果我在文档中的其他地方单击鼠标意味着工具提示没有隐藏,它仍然存在于视图中,除了使用以下关闭方法之外,还有什么方法可以隐藏该工具提示。

$("#div").tooltip( "close" );

0 投票
1 回答
4660 浏览

jquery - 将工具提示保留在父容器内

我在 Web 应用程序中使用 jQuery UI 工具提示。默认情况下,工具提示的位置是“工具提示元素”的左下角。但是,当工具提示不适合浏览器窗口时,它会切换到右下角。

这种行为很好,但是我不想根据浏览器窗口的宽度来确定工具提示是右下角还是左下角,而是根据父容器的宽度来确定,这样工具提示就不会显示在我确定的区域之外。

在此处输入图像描述

请注意,我知道如何使用 API 手动控制位置,我正在寻找控制全局定位逻辑的方法。

这是迄今为止我所做的。