Question

我有3到4个按钮，当我点击第一个按钮时 - 一个popover -tooltip正在打开＆amp;点击第二个按钮工具提示正在打开，但第一个按钮工具提示未关闭。我想点击下一个按钮时关闭工具提示弹出窗口。

$(document).ready(function() {
    $('.btn).click(function() {
        $(this).find('.popover).show();
    });
});

Answer 1

在显示目标元素之前，您需要隐藏所有popover元素，请尝试以下操作：

$(document).ready(function() {
    $('.btn').click(function() {
        //Hide All
        $('.btn .popover').hide();
        //Show Target
        $(this).find('.popover').show();
    });
});

_{注意:: 您缺少选择器上的一些关闭'元素检查}

Answer 2

检查jQuery siblings()功能。

喜欢的东西 $(this).siblings().find('.popover').hide();

在你之后 $(this).find('.popover').show();

应该做的。

同时检查拼写错误 ('.popover)应为('.popover')

简单的例子 https://jsfiddle.net/ex3ntia/6hj7p94g/

jquery -this-show和hide for tooltip

2 个答案: