关闭所有兄弟工具提示，当点击一个新的

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

这里是基本的代码，我现在已经有了：

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

我试图显示新的人之前隐藏所有的工具提示，但什么是错的我的语法，因为它不工作：

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

我想这可能是一些简单的方法来定位.dot的兄弟姐妹，并将隐藏命令链接到现有的工具提示功能，但我不是JavaScript精明的解释。有人可以帮忙吗？

来源

2014-03-07 Kris Hunt

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

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

来源

2014-03-07 17:05:08 Felix

关闭所有兄弟工具提示，当点击一个新的

回答

相关问题