我们正在使用tooltipster插件在信息图标上显示工具提示。在悬停时效果很好。但是我们还需要显示是否有人也点击了信息图标。

我似乎找不到任何有关如何在悬停和焦点上启用弹出窗口的示例。

这是该项目中已经存在的内容:

HTML:

<a href="#"><span class="tooltip">Some handy tooltip text...</span></a>


Javascript:

if ($('.tooltip').length) {
        $('.tooltip').tooltipster({
            theme: '.tooltipster-shadow',
            maxWidth: 220,
            interactive: true,
            functionReady: function () {
                $('html').click(function () {
                    $.fn.tooltipster('hide');
                });
            }
        });
    }

最佳答案

您可以使用Tooltipster的show方法,如下所示:

$('.tooltip').tooltipster().focus(function() {
    $(this).tooltipster('show');
});


Demo

http://iamceege.github.io/tooltipster/#advanced

10-06 00:42