如何使用track:true水平使工具提示跟踪鼠标?

时间:2014-03-26 12:06:10

标签: jquery-ui jquery-ui-tooltip

我目前正在使用jquery ui工具提示并使用track:true选项。它工作得很好,但我不希望工具提示在垂直移动时只跟踪鼠标

任何想法?。

 $(function () {
  $(document).tooltip({
      items: ".entry",
      position: {
          my: "right bottom+50"
      },
      track: true,
      content: function () {
              return "<div class='hi'>This is a very nice entry! It's    so pretty and I feel like I can touch it. This is just random filler text.</div>"; 
      }
  });})

1 个答案:

答案 0 :(得分:3)

我将tooltipClass属性添加到工具提示中,如下所示:

$(document).tooltip({
    ...
    tooltipClass: "tooltip-position",
});

并添加了以下CSS以防止垂直滚动时工具提示移动:

.tooltip-position {
    top: 200px !important;
}

请参阅here获取小提琴