[Tooltipster Plugin] - 知道div是否已经有tooltipster

时间:2015-08-26 14:39:02

标签: javascript jquery html css tooltipster

我正在使用此插件http://iamceege.github.io/tooltipster/

有可能知道HTML是否已经初始化了工具提示器?

我想知道因为有时我需要更改工具提示的文本,为此,我需要销毁工具提示器,更改HTML对象的属性标题,然后再次初始化。像这样:

$(this).tooltipster('destroy').attr("title", data.fields[i].value).tooltipster();

3 个答案:

答案 0 :(得分:5)

使用tooltipster v4.1.6,接受的解决方案不适用于SVG元素。 这就是我解决它的方法:

if ($.tooltipster.instances($(node)).length == 0) {
    //it is NOT tooltipstered
}
else {
    //it is tooltipstered
}

答案 1 :(得分:0)

使用.hasClass检查它是否具有工具提升类

var divToCheck = null; //FIXME: update to whatever query you use to get the div you're checking
if (divToCheck.hasClass('tooltipstered')) {
  //TODO: update your title
}

答案 2 :(得分:0)

您可以检查是否需要实例化或只是启用它:

if (!$(id).hasClass("tooltipstered")) {
    $(id).tooltipster({
     position: 'top-left',
     contentAsHTML: 'true',
     theme: '.tooltipster-default',
     animation: 'grow'
    });
} else {
    $(id).tooltipster('enable');
}

确保在禁用它之前检查了它是否已实例化:

if ($(id).hasClass("tooltipstered")) {
   $(id).tooltipster('disable');
}