Javascript 由父div隐藏的引导工具提示

我在我的web应用程序上使用引导工具提示，它们被它的父div切断

为了解决这个问题，我添加了data container=“body”

这解决了问题，但随之而来的是一个新问题

当我点击锚并导航时，工具提示不会消失

有人见过这个吗？有没有简单的方法来解决这个问题

---

EDIT-jsiddle与我的问题类似，只是在我的情况下，父div没有被删除。

发生这种情况是因为没有检测到鼠标移动

一种解决方案是在单击操作时隐藏工具提示：

$('#button').on('click', function () {
  $(this).tooltip('hide')
})

例如：

---

希望有帮助。

正如Andre提到的，mouseleave事件没有触发，因此工具提示不会被删除

要执行与隐藏工具提示相同的操作，只需手动触发mouseleave事件（）

虽然您没有解释在您的案例中单击该元素时会发生什么，但我猜这是因为该元素已被删除，并且mouseleave事件从未触发。在这种情况下，您应该编写一个事件侦听器并手动触发mouseleave元素：

$('#anchor').click(function(){
    $(this).trigger('mouseleave');
}

---

提供代码的演示，而不是图像，它对于理解您的问题非常有用。您可以使用。@tejashsoni111我无法自己创建，但这与我的问题非常相似，只是我的父div没有消失。$（“.show_tip”）.tooltip（{container:'}）；试试这个

$(this).trigger('mouseleave');

$('#anchor').click(function(){
    $(this).trigger('mouseleave');
}