工具提示有时会保留在滑动div内的元素页面上

Question

我们正在为其中一个项目使用引导程序,并面临提供的tooltip插件的问题.它实际上不是引导程序中的错误,但是在我们使用它的情况下创建了一个问题.

我们有一个滑动的滑动条,它位于内容div中.用于隐藏/显示工具提示效果的按钮.基于jQuery UI幻灯片的滑动效果.

问题是:

当我们点击隐藏侧边栏按钮,同时在幻灯片动画时将鼠标移出按钮悬停,有时候工具提示不会被隐藏,并且会在页面上停留在那里.

这也发生在侧边栏上.当它发生时它看起来非常糟糕和越野车.

我们该如何解决这个问题？

Answer 1

Richard(https://github.com/r1ch0)在bootstrap论坛上回答

只需在触发幻灯片动画之前单击按钮时手动隐藏工具提示.


$('#button').on('click', function () {
  $(this).tooltip('hide')
  $('#sidebar').slide() // replace with slide animation
})

在这里发布只是因为其他人可以找到它.