Jquery Tools Tooltip不会消失

Question

我有一个工具提示,它将显示在任何标题上:

$("[title!=]:not(IFRAME)").tooltip();

我有一个可以添加或删除的人员列表,您单击位于此人上方的删除按钮,您单击它以将该人替换为另一个人.

当您单击"删除"按钮时,工具提示会显示,因为该项目有一个.但是一旦你把那个人换掉了,工具提示就不会消失.

我很确定原因是,一旦删除了那个人你就没有鼠标输出,所以工具提示永远不会消失.

我试过这个:

$('.remove-player-large a').click(function() {
  $("[title!=]:not(IFRAME)").tooltip().hide();
});

但没有运气任何关于如何解决这个问题的建议？

这有道理吗？

Answer 1

您可以使用hideTooltip()函数隐藏工具提示.

var $tooltip = null;
$(function(){
    $tooltip = $("input[type='text']").tooltip({
        // place tooltip on the right edge
        position: "center right",
        // a little tweaking of the position
        offset: [-2, 10],
        // use the built-in fadeIn/fadeOut effect
        effect: "fade",
        // custom opacity setting
        opacity: 0.6
    });
    $("#close").click(function(){
        hideTooltip();
    });
});
function hideTooltip()
{
    if($tooltip)
    {
        $tooltip.each(function(index){
            var $this = $(this).data('tooltip');
            if($this.isShown(true))
                $this.hide();
        });
    }
}