防止Bootstrap工具提示与彼此冲突

时间:2017-01-27 14:43:44

标签: javascript jquery twitter-bootstrap twitter-bootstrap-3

我的情况是工具提示可能会彼此相邻显示,并且可能会相互碰撞。我会尽力通过动态更改工具提示的数据位置来防止这种情况发生。

我目前有什么

enter image description here

enter image description here

您可以看到我确保工具提示永远不会占据上方,右侧,下方或右侧超过3个空格。

我目前只是检查另一个服务台的周边空间。如果有的话,我不会在这个方向上放一个工具提示。但是,您可以在第一个示例中看到并不总是有效并且工作需要我检查工具提示的周围空格。

我知道有些情况下工具提示既不能放在上方,右上方,下方或左侧,在这种情况下我只需将工具提示放在随机方向即可。

如果没有跟踪哪些工具提示在哪个空格中,有没有更简单的方法呢?

0 个答案:

没有答案