隱藏/顯示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>");