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

Question

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

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

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

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

• 伪元素的正确 jquery 选择器是什么，在本例中是工具提示的箭头？
• 还有其他更好的方法来实现我上面想要的吗？如果是这样，请与我们分享!

最好的问候

Answer 1

好的..!我解决了这个问题。

既然伪元素不是DOM元素的一部分，那么用jquery选取是行不通的。所以，我只是将 css 样式附加到头部以操纵箭头的可见性:

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