Question

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

这是我现在的基本代码：

$('.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"
    });
});

单击新的时，关闭所有兄弟工具提示

1 个答案: