单击项目时,Jquery工具提示不会消失

Question

我正在使用jquery-1.9.1.js和UI jquery-ui-1.10.3.custom.min.js.当我将鼠标悬停在任何表单元素上时,它会显示工具提示并在鼠标输出时消失.但我想在该项目的点击事件上消除该工具包,因为在我当前的场景中它显示了按钮的工具提示,即使在按钮点击后它仍然存在.因此它在页面上看到多个工具提示.我需要在点击后立即隐藏它们.(下面是屏幕截图).

我使用下面的代码,但不适合我

 $(document).click(function() {
       $(this).tooltip( "option", "hide", { effect: "explode", duration: 500 } );
        });

如何解决这个问题帮助.

编辑

我正在使用更新面板.会产生问题吗？

Answer 1

根据jQueryUI文档,您的代码只会更改它的关闭方式.你想要的是close http://api.jqueryui.com/tooltip/#method-close.

但是,您可能需要稍微更改一下代码才能使其正常工作.根据您的代码判断,您使用委托(允许其他人为您的项目制作工具提示),而不是直接将其应用于您的项目.根据文档关闭不适用于委派的工具提示.

你会想要类似的东西

$('.editButtons').tooltip().click(function() {
    $('.editButtons').tooltip( "close");
})

Answer 2

丑陋的骇客，用于关闭委托的工具提示（最后一个已打开）

$('div[id^="ui-tooltip-"]:last').remove();