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

标签 jquery css tooltipster

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

我得到这个输出:

enter image description here

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

enter image description here

非常感谢!

最佳答案

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

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

我认为它可能会起作用。

关于jquery - 工具提示箭头和内容在左边,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56005904/

相关文章:

javascript - 使用 jQuery 从另一个元素(表)替换 HTML 元素中的文本

jquery - 如何在焦点输入的同一父级中滑动类

css - 使图像悬停的方法

JavaScript/jQuery 毕业去饱和十六进制颜色

javascript - 工具提示器中的 onclick 事件

jquery - 工具提示关闭按钮

javascript - 工具提示器在打开新工具提示器之前关闭所有工具提示器,单击/悬停组合

javascript - 隐藏各种div -jquery

jquery - 将两列对齐到正确的位置

javascript - 如何在向上或向下拖动图像时更改图像的大小?