工具提示箭头和内容在左边

Question

我正在使用这个名为 Tooltipster (https://iamceege.github.io/tooltipster/#options) 的 jQuery 插件。是否可以打开左侧的内容和箭头？我一直在阅读他们的文档，但似乎无法正常工作。任何帮助深表感谢！这是我的代码：

HTML

<span class="tooltip" title="Test Content Here">
     <i class="fa fa-plus-circle" aria-hidden="true"></i>
</span>

JS

$('.tooltip').tooltipster({
     theme: 'tooltipster-shadow',
     trigger: 'click',
     position: 'bottom'
});

我得到这个输出：

但我真的很想得到这个输出：

非常感谢！

Answer 1

我阅读了选项，我认为你可以移动工具提示。以这种方式修改您的代码：

$('.tooltip').tooltipster({
     theme: 'tooltipster-shadow',
     trigger: 'click',
     position: 'bottom',
     side:'left'
});

我认为它可能有用。

Answer 2

我已经通过在 'position' 属性名称上使用 'bottom-left' 设法解决了这个问题。

$('.tooltip').tooltipster({
     theme: 'tooltipster-shadow',
     trigger: 'click',
     position: 'bottom-left'
});

谢谢！

Tooltipster arrow on and content to be on left