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

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

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

我把我的测试代码放在

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

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

但是，这个代码在我的网页上不起作用

试试这个

$(".close").click(function(){
$(this).parent().hide();
});

最好编辑tooltipster.min.js

查找

m.showTooltip（）在tooltipster.min.js中

$(".close").parent().parent().show();                               
$(".close").click(function(){$(this).parent().parent().hide();});

在
m.showTooltip（）下添加以下行在tooltipster.min.js中

$(".close").parent().parent().show();                               
$(".close").click(function(){$(this).parent().parent().hide();});

试试这个

$(".close").click(function(){
$(this).parent().hide();
});

最好编辑tooltipster.min.js

查找
m.showTooltip（）在tooltipster.min.js中

$(".close").parent().parent().show();                               
$(".close").click(function(){$(this).parent().parent().hide();});

在
m.showTooltip（）下添加以下行在tooltipster.min.js中

$(".close").parent().parent().show();                               
$(".close").click(function(){$(this).parent().parent().hide();});

它不起作用的原因是，当您绑定事件时，您在小提琴中委托的事件不在页面上。请尝试以下操作：

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

此外，您在绑定的
单击
回调中缺少
$（'.tooltipster base'）
jQuery选择器前面的

它不起作用的原因是，当您绑定事件时，您在小提琴中委托的事件不在页面上。请尝试以下操作：

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

此外，您在绑定的
单击
回调中缺少
$（'.tooltipster base'）
jQuery选择器前面的

我认为这会更加正确：

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

我认为这会更加正确：

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

这里是
工具提示^4.0
的更新解决方案：

functionReady: function (instance, helper) {
    $(instance._$tooltip).on('click', '.close-btn', function () {
        instance.close();
    });
}

以下是
工具提示^4.0
的更新解决方案：

functionReady: function (instance, helper) {
    $(instance._$tooltip).on('click', '.close-btn', function () {
        instance.close();
    });
}

你可以使用这个链接的插件：谢谢！我已经用你的链接更新了我的小提琴。我希望，现在每个人都能很容易地理解我的问题，并能帮助我。你能告诉我一件事吗？我如何在这样的链接上上传这种js或css文件，以便JSFIDLE可以加载它？您可以检查一下。如果您正在寻找一个库，它可能已经由cdn托管，否则除了在JSFIDLE（或jsbin）中复制和粘贴您的代码之外，我没有其他解决方案。您可以使用这个插件链接：谢谢！我已经用你的链接更新了我的小提琴。我希望，现在每个人都能很容易地理解我的问题，并能帮助我。你能告诉我一件事吗？我如何在这样的链接上上传这种js或css文件，以便JSFIDLE可以加载它？您可以检查一下。如果您正在寻找一个库，它可能已经由cdn托管，否则我没有其他解决方案，只能在JSFIDLE（或jsbin）中复制和粘贴您的代码。这不起作用！我的小提琴现在更新了：你现在可以在那里查看和测试。ThanksClose在绑定事件处理程序时不存在。这行不通，这行不通！我的小提琴现在更新了：你现在可以在那里查看和测试。ThanksClose在绑定事件处理程序时不存在。这不管用。对我来说，Tipso也很管用，我做了一些剪裁来。。。使用“.boxclose”和$（“.tipso_bubble”）.hide（），stackoverflow.com/a/10019983/962391中的前者也适用于我使用tipso时，我已经为。。。使用“.boxclose”和$（“.tipso_bubble”）.hide（），前者来自stackoverflow.com/a/10019983/962391