2013-10-09 39 views
2

我有jquery tooltip为我的页面中的所有元素激活。其中一个元素是一个AJAX'提交'按钮,立即禁用(点击)然后消失(包含它的div被AJAX响应覆盖)jquery工具提示不会消失

我的问题是,工具提示仍然保持在屏幕上按钮被点击/消失后。尝试了这些代码,但没有使用(没有都在一起,但任何一个):

$("#signup").tooltip({events: {input: 'click, blur'}}); 
$("#signup").tooltip("disable"); 
$("#signup").tooltip().hide(300); 
$("#signup").tooltip("close"); 

其次

document.getElementById('signup').disabled=true; 

,然后Ajax调用。

请帮忙!

+0

This worked: $(“。ui-tooltip-content”)。parents('div')。remove(); 而不必禁用/重新启用工具提示。 添加它作为答案,以防万一有人遇到类似的问题。 (去了很多麻烦找到这块金块!) –

回答

6

您可以使用remove()删除提示

$(".ui-tooltip-content").parents('div').remove(); 
+0

当我给工具提示(“禁用”),我得到这个错误:不能调用工具提示之前初始化方法... –

+0

我已经添加您的答案,以帮助其他谁有同样的问题 –

+0

谢谢,这有效! –

0

试试这个:

onclick=" $('.tooltip').remove();" 
// on parent click 
0

我也有类似的问题。这对我的工作的决定是:

$(document).on('click', '.export',function(){ $('.tooltip:last').remove(); });

我用选择“文件”,因为我的链接动态地创建。该链接有类=“出口” 希望这种帮助和其他人。