单击新工具提示时关闭所有同级工具提示

Question

我正在使用 Bootstrap 2.3.2 构建一个站点（因为它是一个尚不支持版本 3 的 Joomla 站点），并且我正在使用工具提示小部件来描述产品的各种功能。所以我在产品图片上叠加了一堆点，当用户点击/点击一个点时，它上方会出现一个工具提示来描述该功能。 （因为这需要在移动设备上工作，并且在移动设备上没有悬停状态，因此需要将触发器设置为单击而不是悬停。我的下一个问题是如何根据浏览器宽度更改触发器类型。）目前，让工具提示消失的唯一方法是再次单击/点击它。如何设置它，以便在打开新工具提示时关闭所有兄弟工具提示？

这是我现在得到的基本代码：

$('.dot').tooltip({
    trigger: "click"
});

我尝试在显示新工具提示之前隐藏所有工具提示，但我的语法有问题，因为它不起作用：

$('.dot').click(function() {
    $(this).tooltip('hide');
    $(this).tooltip({
        trigger: "click"
    });
});

我认为可能有一些简单的方法可以定位 .dot 的同级并将隐藏命令链接到现有的工具提示功能，但我对 Javascript 的了解不够，无法弄清楚。有人可以帮忙吗？

Answer 1

尝试使用$('.dot')而不是$(this)来隐藏所有工具提示：

$('.dot').click(function() {
    $('.dot').tooltip('hide');
    $(this).tooltip({
        trigger: "click"
    });
});