通过单击关闭 JQuery 插件

Close JQuery plug in by clicking away

本文关键字:JQuery 插件 单击      更新时间:2023-09-26

我正在使用一个名为tooltipster的插件来激活它,只需:

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

我想通过单击页面上的其他任何地方来关闭它,所以正在尝试:

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

但这一切似乎都会导致我不得不单击两次才能实际触发工具提示,并且在单击离开时它不会隐藏。

有没有更好的方法可以做到这一点?

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

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

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

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