问题标签 [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 回答
1160 浏览

javascript - Jquery UI - 工具提示不起作用(显示空白)

出于某种原因,工具提示在某些页面上运行良好,但在其他页面上却不行。在此特定页面上,它显示为空白。我还检查了没有 jquery 工具提示的标题属性,它工作正常。有任何想法吗?

header.html

内容.html

输出:

工具提示在某些元素上显示为空白

0 投票
2 回答
495 浏览

jquery - 首次悬停时未触发 JQuery ui 冲突

我有以下代码:

这可以按预期工作,但仅在初始悬停之后(悬停在“rel”元素上)。
在第一次鼠标悬停时,工具提示出现但与窗口碰撞(图像未翻转或调整大小)。从第二次悬停开始,工具提示会根据需要翻转和调整大小。
我在第一次悬停之前和之后检查了“工具提示”元素,但我没有发现任何差异。我还检查了每个元素的 CSS,结果相同。
任何想法都会有所帮助,谢谢。


编辑:此处的
实时站点:http: //castle.staging.wpengine.com/themes/
如果您检查网站,请确保图像与浏览器发生冲突(如果您的屏幕很大,您可能需要调整浏览器的大小)

一些图像来指出问题:

  • 第一次悬停:http: //imagebin.org/272007
  • 第二次悬停:http: //imagebin.org/272008
  • 和另一个图像(底部不工作:)
  • 第一次悬停:http: //imagebin.org/272009
  • 第二次悬停:http: //imagebin.org/272010
  • 0 投票
    8 回答
    9185 浏览

    jquery - 工具提示没有消失

    我为页面中的所有元素激活了 jQuery 工具提示。其中一个元素是 AJAX“提交”按钮,该按钮立即禁用(单击时)然后消失(包含它的 div 被 AJAX 响应覆盖)

    我的问题是,即使在单击/消失按钮后,工具提示仍会继续保留在屏幕上。已经尝试过这些代码,但没有用(不是全部,而是任何一个):

    其次是

    然后是 Ajax 调用。

    0 投票
    2 回答
    17547 浏览

    jquery - 没有标题属性的简单 jQuery UI 工具提示

    我正在尝试使用 jQuery UI Tooltip,我想我可能会遗漏一些东西。

    我希望在不指定 title 属性的情况下显示最简单的工具提示。

    我相信我应该可以在我的 javascript 中的任何地方调用它:

    这是行不通的。难道我做错了什么?

    编辑:我应该提到#ContactName 是一个输入[type=text],它在一个jQuery UI 对话框中。

    编辑2:好的,这有效。不过,我真的不明白为什么。

    它适用于悬停。无论如何,我可以在相同的代码中立即打开它吗?

    编辑3:这就是我最终得到的:

    0 投票
    1 回答
    141 浏览

    javascript - 如何将样式添加到我的工具提示功能中?

    我有这个代码。

    如何在我的工具提示功能中添加样式?不是来自样式,而是来自 key 值,例如 tooltipClass:"tool", show: null, position... content... STYLE: ?

    0 投票
    1 回答
    232 浏览

    jquery - Jquery Tooltip 工作正常,然后停止

    我在工作中的项目中添加了一个 jquery 工具提示。它应该出现在元素上方的图像内部。现在,这工作得非常好,但在此工具提示出现的两个页面之一上,除非刷新,否则它会随机停止在翻转时弹出。

    请注意,其他页面没有出现此问题,并且两者的代码相同,请保存图像本身。我通过测试注意到的是,如果您将鼠标移到第一页上的速度足够快以至于工具提示开始出现,那么第一页的工具提示就会停止工作,然后不会。

    我的问题是:这是一个已知的错误吗?有没有办法解决它?如果是这样,那会是什么?

    作为参考,我的代码:

    和触发元素:

    注意:该元素的 onclick 事件适用于移动浏览器。因此,如果您无法悬停或悬停中断,您可以打开一个包含图像的弹出窗口。

    编辑:经过进一步测试,我得出结论,这不是鼠标悬停的速度。重复的鼠标悬停通常会收到问题,甚至不是简单的快速鼠标悬停。我现在正在尝试使用延迟来尝试使其正常且一致地工作。

    0 投票
    1 回答
    1002 浏览

    javascript - jQuery 工具 - 工具提示问题

    这里有一个工具提示问题。希望有人可以帮助稍微调整一下代码。我正在使用jQuery Tools来实现tooltip。我需要从可以使用任何 html 代码的单独 div 打开工具提示。到目前为止,我只有一个工具提示可以打开:

    它工作正常,除了我需要添加更多工具提示。

    任何人都可以帮助修改脚本,以便可以通过他们的 ID 添加更多工具提示吗?

    这是带有一个工具提示的 JSFiddle(工作)

    这是带有更多工具提示的 JSFiddle(不工作)

    我相信应该有一个简单的解决方法。我只是不是 javascript 专家。

    谢谢!

    0 投票
    3 回答
    19197 浏览

    jquery - 将工具提示文本动态设置为 div 元素

    我正在尝试将工具提示文本动态设置为容器(div),并为我刚刚添加到有序列表中的每个 div 元素(elem.Alias-Status)使用 jQuery:

    但它显然不起作用。在运行时,当我将鼠标悬停在它们上时,不会显示任何工具提示。而且...我不知道该怎么做。我需要在创建项目的同时在此函数中创建它。

    上面的函数是从另一个遍历所有项目(元素)的函数调用的。然后这个函数作为参数 elem 传递给 addNewElement 函数。

    有任何想法吗?

    我正在使用 jquery-ui 1.10.3 和 jquery 1.10.2

    0 投票
    1 回答
    696 浏览

    javascript - jQuery 工具提示 ui:使用 onmouseover 并获得双重显示的问题

    请看附图:在此处输入图像描述

    html(我只是把它分成 3 行,这样你就不必向右滚动了):

    jQuery:

    问题:

    我不确定为什么基本上会有“双悬停”。如果我只是在地图上快速移动鼠标,名称就会在左上角堆叠在一起。

    1)我不希望左上角有任何工具提示。

    2)我只想将鼠标悬停在一个黄金点上,然后出现工具提示。正如您在图像中看到的那样,这正在发生……有点。

    3)不要介意蓝绿色的矩形。

    目标:

    删除左上角的工具提示,当您将鼠标悬停在黄金点上时,只有工具提示。

    对此事的任何意见表示赞赏。我正在查看文档,但我不确定我做错了什么。

    0 投票
    2 回答
    2818 浏览

    jquery - 定位和翻转 jQuery UI 工具提示和指针

    演示:http: //jsfiddle.net/av4je/

    除了右对齐的工具提示外,一切都按预期工作。

    有没有办法也可以翻转他们的指针?