问题标签 [tooltipster]

我正在使用 jquery tooltispster ( http://calebjacob.com/tooltipster ) 插件来显示悬停时的一些菜单。我需要的是悬停工具提示想要显示，并且工具提示应该在单击工具提示区域之外隐藏。有没有可能..？

我正在尝试将此Tooltipster脚本添加到我的 Wordpress 网站，但遇到 jQuery 加载问题。

该站点的说明说应将此代码添加到 head 标记中（已为我的站点修改了指向文件的链接）：

然后向任何元素添加 .tooltip 类应该在悬停时显示一个很好的工具提示等。

当我尝试在单独的页面上执行此操作时，这非常有效。例如这里是我的测试页。

但是当我尝试将相同的代码添加到 Wordpress header.php 头标签以在我的主页上显示工具提示时，该网站停止工作。

我认为这是因为 jQuery 加载行导致 Wordpress 已经拥有一个并使用更新版本的 jQuery（Tooltipster 应该支持）。

我试图删除 Tooltip jQuery 加载行，只保留 Wordpress 默认拥有的那个，但是工具提示不起作用。

你能告诉我我做错了什么，这里有什么可能的解决方案？

非常感谢！

亚历克斯

我正在尝试根据当前悬停的状态更改偏移量，并将两个属性（“data-doff”和“data-yoff”）传递给工具提示器插件，以便当您将鼠标悬停在某个状态上时，名称会在状态中心的工具提示中弹出，但它不起作用。我曾使用“alert()”让它告诉我它发现了什么，它可以读取属性，只是没有使用它们，但我不明白我做错了什么。有任何想法吗？

我的 jQuery 脚本：

相关 HTML

我在我的网站上使用 Tooltipster 工具提示。

我想知道，有没有办法禁用正在显示的 Tooltipster 工具提示，单击鼠标按钮？

就像假设我有一个表单，并且提交按钮上有一个 Tooltipster 工具提示，它显示用户将鼠标悬停在提交按钮上的时间。现在，我希望在用户单击该表单提交按钮时立即禁用工具提示（即消失）。这可以以某种方式完成吗？

我正在使用 jQuery 验证和 tooltipster 来显示运行良好的错误消息。但是，我想从表单顶部一次显示一条错误消息。目前我得到每个无效字段显示。

因此，如果第 4 项刚刚填写，但第 3 项未正确填写，则验证消息会显示在 3 上，直到已正确填写。

到目前为止，这是我使用带有工具提示的 jquery 验证器的代码

任何帮助将非常感激。

我在tooltipster标题属性中有一组选项，如下所示：

单击 div1 时，内容将由基于以下函数的 ajax 结果动态更新：

问题是当tooltip关闭且页面没有刷新时，内容又回到了初始值，而不是显示更新后的值。

我尝试使用此处描述的配置选项：

但是，这会更改 div1 的内容，但会删除其他 div 的内容。如何仅更新 div1 的内容而保持其他内容不变？

==编辑==

我更喜欢不通过所有 div 集的解决方案，如下所示：

我正在使用 Tooltipster 插件http://calebjacob.com/tooltipster/这很棒，但我动态生成了插入 DOM 的内容。工具提示器似乎没有检测到这些，因为它被设置为在 Document Ready 上触发。

我知道这是一个有点深奥的插件，但是关于如何让插件适用于 DOM 中新创建的元素的任何想法？

谢谢

我想以与Sparky here提供的示例类似的方式使用 Jquery Validate 和 Tooltipster 。

不同之处在于我需要在动态创建的控件上显示这些错误消息，并且显示的是这个jsfiddle，它仅适用于statichtml 控件（“返回详细信息”字段集之前显示的输入和文本区域）

HTML 代码：

JS代码

在那个 jsfiddle 中，我使用一个类tooltip将工具提示消息附加到我想要验证的所有控件。我也尝试使用像 Sparky 在他的示例中使用的类型选择器，但它也不起作用。

有谁知道我怎样才能让工具提示器使用动态控制，或者可以告诉我哪里出错了？

提前致谢。

我正在使用一个名为 tooltipster 的插件，激活它很简单：

我想通过单击页面上的其他任何位置来关闭它，所以我正在尝试：

但这似乎只是导致我必须单击两次才能实际触发工具提示，并且单击离开时它不会隐藏。

有一个更好的方法吗？

我有工具提示设置来显示我的验证消息，到目前为止，除了一种情况外，它们运行良好。我有一组单选按钮，从是/否中选择是是强制性的。所以我已经设置了一个 jquery 验证方法。当我通过 firebug 进行调试时，我可以看到验证正在发生，但闪烁的消息在旁边是选项，它完全掩盖了否选项，因为它位于它之上。

这是它的外观

这是我的工具提示器配置如何查找单选按钮

最后一个左边：'850px' 是试图覆盖我通过萤火虫看到的位置。

这是单选按钮工具提示的萤火虫详细信息

解决这个问题的任何帮助都会很棒。这看起来是一个看似微不足道的问题，但我有相当长的时间试图解决这个问题，但没有什么可展示的。