jquery - jquery tooltipster 插件，隐藏所有提示？

Question

如果我将工具提示器绑定到输入元素和像 div 这样的不同元素，有没有办法可以在一次调用中隐藏所有内容？

到目前为止，我知道我可以通过以下方式手动完成：

$('表单输入').tooltipster('隐藏'); $('#mydiv').tooltipster('hide');

Answer 1

Tooltipster 确实向附加了工具提示的元素添加了一个 CSS 类：“tooltipstered”。

因此，其中一种技术是调用

$('.tooltipstered').tooltipster('close');

编辑：使用 Tooltipster v4，您实际上可以使用公共方法执行此操作，这总是更好。此外，当您使用带有multiple选项的工具提示时，它也可以工作，而我之前的回答没有：

var instances = $.tooltipster.instances();
$.each(instances, function(i, instance){
    instance.close();
});

Answer 2

很简单，你只需要用逗号分隔你的选择器：

$('form input, #mydiv').tooltipster('hide');

如果您不知道包含 tooltipster 的确切元素，您可以使用filter方法：

$('*').filter(function() {
    return $(this).data('tooltipsterNs');
}).tooltipster('hide');