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

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

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

我把测试代码放在jsfiddle上 。

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

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

但是，此代码无法在我的网页上运行。

Answer 1

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

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

另外，你错过了. 在绑定的click回调中的$('.tooltipster-base') jQuery选择器的前面。

DEMO

Answer 2

我认为它会更正确：

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

DEMO

Answer 3

试试这个

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

最好编辑tooltipster.min.js

找到m.showTooltip(); 在你的tooltipster.min.js中

在m.showTooltip();下添加以下行m.showTooltip(); 在你的tooltipster.min.js中

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

小提琴

Answer 4

这是tooltipster^4.0更新解决方案：

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