我们正在使用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