将工具提示保留在父容器中

Question

我在网络应用中使用jQuery UI Tooltip。默认情况下，工具提示的位置位于“工具倾斜元素”的左下角。但是，当工具提示不适合浏览器窗口时，它会切换到右下角。

这种行为很好，但是根据浏览器窗口的宽度决定是否将工具提示放在右下角或左下角，我想根据父容器的宽度确定这个，以便工具提示不要在我确定的区域之外显示。

请注意我知道如何使用API​​手动控制位置，我正在寻找控制全局定位的逻辑。

$(function() {
    $( '#bodyInner' ).tooltip();
});

This is so far I have done.

Answer 1

您可以使用jQuery UI Tooltip中的position选项实现与工具提示定位相关的任何操作。 jQuery UI Position选项包含许多其他选项，例如my，at等。一旦此选项为within。这可以用于限制元素在另一个元素内的位置。

此处，工具提示位置只需通过初始化工具提示，即可包含在父元素中。

$( '#bodyInner' ).tooltip({
    position:{ within: "#bodyInner"}
});

这是Demo。