Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 如何使用track:true使工具提示仅水平跟踪鼠标?_Jquery Ui_Jquery Ui Tooltip - Fatal编程技术网

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

Jquery ui 如何使用track:true使工具提示仅水平跟踪鼠标?,jquery-ui,jquery-ui-tooltip,Jquery Ui,Jquery Ui Tooltip,我目前正在使用jquery ui工具提示并使用track:true选项。它工作得很好,但是我不希望工具提示在垂直移动时跟踪鼠标,而只是水平移动 有什么想法吗 $(function () { $(document).tooltip({ items: ".entry", position: { my: "right bottom+50" }, track: true, content: function () {

我目前正在使用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>"; 
      }
  });})
$(函数(){
$(文档)。工具提示({
项目:“.entry”,
职位:{
我的:“右下角+50”
},
轨迹:对,
内容:功能(){
return“这是一个非常好的条目!它非常漂亮,我感觉我可以触摸它。这只是随机填充文本。”;
}
});})

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

$(document).tooltip({
    ...
    tooltipClass: "tooltip-position",
});
并添加了以下CSS,以防止垂直滚动时工具提示移动:

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

请看小提琴

谢谢!但是,如果我需要声明我的位置以实现箭头功能,比如在这个例子@user1163234中,我想两者都不会有任何冲突。