单击关闭JQuery插件

时间:2013-10-23 13:42:55

标签: javascript jquery tooltipster

我正在使用一个名为tooltipster的插件来简单地激活它:

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

我想通过点击页面上的任何其他位置关闭它,所以我正在尝试:

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

但所有这一切似乎都是因为我必须点击两次以实际触发工具提示,并且在点击时它不会隐藏。

有更好的方法吗?

2 个答案:

答案 0 :(得分:2)

有一个错字。 $(document).one应为$(document).on

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

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

隐藏代码来自http://calebjacob.com/tooltipster/#demos

的工具提示文档

答案 1 :(得分:0)

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