Question

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

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

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

我试过了： 在项目的onMouseOver事件上将选项跟踪设置为false，并在mouseOut上将其设置为true。没工作。工具提示首次出现时，该选项无效。通过删除mouseOut中的返回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
      });
  });

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

1 个答案: