jquery - 如何在jquery工具提示上放置关闭按钮

Question

我用过this tooltip在我的网页上。现在，我想在工具提示中放置一个“关闭按钮”，因此如果用户单击该按钮，工具提示将被关闭(虽然工具提示会在一段时间后自动关闭，但我也需要添加关闭按钮功能)。这是我的工具提示:

我需要当用户单击关闭按钮时，工具提示将关闭。

我将测试代码放在 jsfiddle 。

所以，基本上我希望，我的代码应该是这样的:

$('.tooltipster-content').on('click', '.close', function() {
    $('tooltipster-base').hide();
});

但是，此代码在我的网页上不起作用。

Answer 1

它不起作用的原因是，当您绑定(bind)事件时，您在 fiddle 中委托(delegate)的事件不存在于页面上。请尝试以下操作:

$(document).on('click', '.close', function() {
    $('.tooltipster-base').hide();
});

此外，您还缺少 .在$('.tooltipster-base')的正面边界内的 jQuery 选择器 click回调。

<强> DEMO