3

我正在使用工具提示在 javascript 中创建一个图标。

var icon = '&nbsp;&nbsp;<a class="icon-ok" data-type="reftooltip" title="Save" style="cursor: pointer"></a>';

此图标会动态显示和删除。当我使用以下代码从 javascript 中动态删除此图标时：

success: function(){
//other code//
saveparents.parent().parent().find('a.icon-ok').remove();
//other code//
}

图标被删除，但工具提示“保存”仍显示在 UI 上。当我刷新页面时，它消失了。但我希望它在 icon-ok 被删除后立即删除。

我也在firebug中调试，发现在html页面中创建了一个用于工具提示的div类

<html><body>
<div ...................>... </div> 
<div class="tooltip fade top in" style="top: 156.5px; left: 256.667px; display: block;">
   <div class="tooltip-arrow"></div>
   <div class="tooltip-inner">Save</div>
</div>
</body></html>

从萤火虫中，我可以通过右键单击 deletenode 来删除这个 div。它也成功地从 UI 中删除。所以我认为如果我使用 javascript 代码执行此操作，它应该被删除。

但我不知道要在成功函数中添加什么代码来删除该 div 类工具提示淡入淡出。我需要帮助。

4

5 回答 5

6

您可能还应该删除实际的工具提示：

$('body>.tooltip').remove();

或者更好的是，使用工具提示的本机删除功能。

于 2013-04-19T06:37:20.357 回答
5

该属性在某些浏览器title中成为工具提示文本。删除它（直接或使用 Javascript），它应该会消失。

http://www.w3.org/TR/WCAG20-TECHS/H33.html

当鼠标悬停在包含标题属性的锚元素上方时，一些图形用户代理会显示工具提示。

于 2013-04-19T05:59:47.247 回答
3

我想值得一试：

success: function(){
 //other code//
   ('a.icon-ok').removeAttr("title");
 //other code//
}

编辑：

我再次阅读了您的问题：

但我不知道要在成功函数中添加什么代码来删除该 div 类工具提示淡入淡出。我需要帮助。

试试这种方式：

success: function(){
 //other code//
   ('div').removeClass("tooltip fade top in"); //<-- costumize your selector
 //other code//
}

祝你好运 ！！

于 2013-04-19T06:04:41.890 回答
2

我已经尝试了所有这些答案，但对我有用的是这个，

$("#id").tooltip( "destroy" );

或者你也可以使用

$("#id").tooltip( "close" );

但是，我更喜欢第一个。

于 2019-12-19T07:58:24.170 回答
1

感谢大家的宝贵意见！！我在 success() 函数中添加了这一行并且它有效

$("[class='tooltip fade top in']").remove();

于 2013-04-19T08:17:14.663 回答