隐藏/显示jQuery UI工具提示的箭头

Question

我想根据click事件更改工具提示位置。我知道如何将工具提示移动到悬停元素的左侧或右侧。

这里我的问题是当工具提示在左侧时将箭头置于右侧，反之亦然。

要实现它，我试图隐藏其中一个箭头，当它不适合工具提示的位置hide()时，但它似乎不起作用。

$('.right .ui-tooltip-content::after').hide()

• 伪元素的正确jquery选择器是什么，在这种情况下是工具提示的箭头？
• 还有其他更好的方法来达到我想要的目标吗？如果是，请与我们分享！

最好的问候

Answer 1

OK ..！我解决了这个问题。

由于伪元素不是DOM元素的一部分，因此使用jquery选择它将不起作用。所以，我只是将css样式附加到头部以操纵箭头的可见性：

$('head').append("<style> .right .ui-tooltip-content:after { display : none;} </style>");