jquery - 测试 JQuery 工具提示是否已初始化

Question

我正在使用 JQuery UI 工具提示和 AJAX 来验证表单。

我为每个字段使用一个工具提示，并且根据 AJAX 返回的错误更改此工具提示的内容。

为了使我的代码完整，我需要测试工具提示是否已经为此字段初始化(更改内容)，如果没有初始化(创建工具提示)。

问题是我不知道任何有效的方法来检查工具提示是否已初始化。

HTML:

<input type="text" id="text1"/>
<input type="text" id="text2"/>

我尝试了以下方法，但它们都无法测试工具提示是否已创建。

JQUERY:

if($("#text1").tooltip() != null) //or $("#text1").tooltip() != 'undefined'
//does'nt work because .tooltip() always return an object.

if(typeof $("#text1").tooltip() != null)//or typeof $("#text1").tooltip() != 'undefined'
//does'nt work always return an object.

if($("#text1").tooltip().hasOwnProperty('option'))//or $("#text1").tooltip().hasOwnProperty('content')
//does'nt work it always return false.

如果有人可以帮助我找到一种方法来检查工具提示是否存在，我将不胜感激

谢谢!

Answer 1

只需检查元素上的data('ui-tooltip')。请参阅示例:

if($element.data('ui-tooltip')) {
    $element.tooltip('destroy');
}