通过单击离开来关闭 JQuery 插件答案

【问题标题】：Close JQuery plug in by clicking away通过单击离开来关闭 JQuery 插件
【发布时间】：2013-10-23 13:42:55
【问题描述】：

我正在使用一个名为 tooltipster 的插件，激活它很简单：

$('#tooltip').tooltipster();

我想通过点击离开页面上的任何其他位置来关闭它，所以我正在尝试：

$(document).one("click", "body", function(){        
    $('#tooltip').tooltipster('hide');
});

但这似乎导致我不得不单击两次才能真正触发工具提示，并且在单击离开时它不会隐藏。

有没有更好的方法来做到这一点？

【问题讨论】：

【解决方案1】：

~~有一个错字。 $(document).one 应该是 $(document).on~~

$('body').click(function(){        
    $('body').tooltipster('hide');
});

$('#tooltip').click(function(e)
{
   e.stopPropagation();
});

【讨论】：

【解决方案2】：

$(body).click(function(e)
{
   $('#tooltip').slideUp('fast');
});
$('#tooltip').click(function(e)
{
   e.stopPropagation();
});

【讨论】：