【问题标题】:Tooltipster arrow on and content to be on leftTooltipster 箭头打开,内容位于左侧
【发布时间】: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'
});

我得到这个输出:

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

非常感谢!

【问题讨论】:

    标签: jquery css tooltipster


    【解决方案1】:

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

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

    我认为它可能有效。

    【讨论】:

    • 谢谢先生的回答。我已经尝试过这种方法,但它不起作用。但我现在已经解决了这个问题。谢谢!
    【解决方案2】:

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

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

    谢谢!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-08-20
      • 2021-11-11
      • 2014-12-03
      • 1970-01-01
      • 2022-11-27
      相关资源
      最近更新 更多