jquery tooltipster插件,隐藏所有提示?

时间:2014-12-30 17:02:51

标签: jquery tooltipster

如果我将工具提示绑定到输入元素和不同的元素(如div),有没有办法可以在一次调用中隐藏所有内容?

到目前为止,我知道我可以手动执行此操作:

$('form input')。tooltipster('hide'); $( '#mydiv')tooltipster( '隐藏');

2 个答案:

答案 0 :(得分:12)

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

因此,其中一项技术是致电

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

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

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

答案 1 :(得分:4)

这很简单,您只需要将选择器by comma分开:

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

如果您不知道包含工具提示符的确切元素,可以使用filter方法:

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