Tooltipster 箭头打开，内容位于左侧

Posted 2023-05-07

【中文标题】Tooltipster 箭头打开，内容位于左侧

【英文标题】：Tooltipster arrow on and content to be on left

【发布时间】：2019-09-24 03:08:38

【问题描述】：

我正在使用这个名为 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'
);

我得到这个输出：

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

非常感谢！

【参考方案1】：

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

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

我认为它可能有效。

【讨论】：

谢谢先生的回答。我已经尝试过这种方法，但它不起作用。但我现在已经解决了这个问题。谢谢！

【参考方案2】：

我已经设法通过在“位置”属性名称上使用“左下角”来解决这个问题。

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

谢谢！