Jquery UI工具提示移出父div

我有一个jQuery工具提示，如下链接所示：

HTML:

使用Jquery时，如下所示：

$("#child").tooltip({
  track: true,
  tooltipClass: "tooltipclass"
});

现在，当我将鼠标悬停在“child”上时，我不希望工具提示移到父级之外，即工具提示应该动态地限制在“parent”内。

使用jQueryUI工具提示API中的选项。

位置

选项使用，因此请确保查看该位置

$("#child").tooltip({
    track: true,
    tooltipClass: "tooltipclass",
    position: { within:"#parent"}
});

演示：

希望这有帮助，如果您还有其他问题，请告诉我。

试试这个

---

您可以尝试位置选项，

http://api.jqueryui.com/tooltip/#option-位置

谢谢。它起作用了。它真的很有帮助。我该怎么做，以确保toottip保持在指针的底部。当然！我会使用

位置：{at:“bottom”，在“#parent”}

中。这是一本书。但是，您也可以使用“中底”、“左+15底”等来尝试

at

。下面是

at

和

my

的示例。使用冲突时出现延迟：“fit”。我如何克服此问题。您使用的是什么浏览器？您是否也在使用其他选项？或者仅仅是

collison

和

中的
？我使用了track和tooltipClass以及collision和inthein。就像这样$（“#child”）。工具提示（{track:true，tooltipClass:“tooltipClass”，位置：{inthein:#parent”，collision:“fit”}）；
$("#child").tooltip({
  track: true,
  tooltipClass: "tooltipclass"
});

$("#child").tooltip({
    track: true,
    tooltipClass: "tooltipclass",
    position: { within:"#parent"}
});

$("#child").tooltip({
   track: true,
   tooltipClass: "tooltipclass",
   position: { my: "left top+15", at: "left bottom", collision: "flipfit" }
});