如何在鼠标位置打开 jquery 工具提示，并将其留在那里

Question

我的问题是我有一个动态对象列表，其中包含使用 jquery 工具提示制作的工具提示。我想在鼠标光标位置打开工具提示，就像使用track:true 时一样。对象是 jquery weekCalendar 中的事件。

但我不想在此之后根据光标移动工具提示。我希望工具提示在退出悬停区域时正常消失。

任何想法如何实现这一目标？

我试过了： 在项目的 onMouseOver 事件上将选项 track 设置为 false，并在 mouseOut 上将其设置回 true。没用。工具提示首次出现时，该选项无效。通过删除 mouseOut 中的 back to true 设置来验证这一点。工具提示在第一次出现时被跟踪，但在那之后就没有了。

所以我像这样创建工具提示：

$item.tooltip({
     items: $event,
     track: true,
         ...

然后在悬停事件中：

var item = $(event.target);
item.tooltip( "option", "track", false );

但是这种方法只适用于下一个要打开的工具提示，而不是已经打开的工具提示，它仍然会跟随光标。

Answer 1

您可以使用 jQuery UI 的 position 属性来设置工具提示的位置。 这是Demo

HTML

    <input id="age" title="We ask for your age only for statistical purposes.">

JavaScript

$(function () {
      $(document).tooltip();
  });

  $(document).mousemove(function (event) {
      $(document).tooltip("option", "position", {
          my: "left+3 bottom-3",
          of: event
      });
  });