隐藏/显示jQuery UI工具提示的箭头
隐藏/显示jQuery UI工具提示的箭头
提问于 2014-02-26 12:42:53
我想根据click事件更改工具提示位置。我知道如何将工具提示移动到悬停元素的左侧或右侧。
这里我的问题是，当工具提示位于左侧时，将箭头定位到右侧，反之亦然。
为了实现它，我试图隐藏一个箭头，当它不适合工具提示的位置时，使用hide()函数，但它似乎不起作用。
$('.right .ui-tooltip-content::after').hide()
- 伪元素的正确jquery选择器是什么，在本例中是工具提示的箭头？
- 有没有其他更好的方法来实现上面我想要的结果？如果有，请与我们分享！
诚挚的问候
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-02-26 13:47:07
好的..！我解决了这个问题。
因为伪元素不是DOM元素的一部分，所以用jquery选择它将不起作用。因此，我只是将css样式附加到头部，以便操纵箭头的可见性：
$('head').append("<style> .right .ui-tooltip-content:after { display : none;} </style>");
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22031926
复制相关文章
相似问题