Question

当我将鼠标悬停在某个按钮上并显示工具提示时，按钮会跳转。如果我禁用工具提示，它不会跳转。此外，右按钮失去圆形边缘。我怎样才能防止这种情况发生？

<div class="btn-group">
    <a rel="tooltip" class="btn" href="#" data-title="View Details"><i class="icon-list-alt"></i></a>
    <a rel="tooltip" class="btn" href="#" data-title="Delete"><i class="icon-trash">    </i></a>
</div>

使用Javascript：

$('[rel=tooltip]').tooltip();

工作版......

http://jsfiddle.net/BA4zM/147/

这是一个没有跳跃的网站......

http://wrapbootstrap.com/preview/WB005S479

Answer 1

要避免跳转，您需要设置容器属性。这是记录在案的。

使用Bootstrap输入组的工具提示和弹出框时，你必须设置容器选项以避免不必要的副作用。

尝试以下方法：

$('[rel=tooltip]').tooltip({container: 'body'});

Answer 2

正如Howie在https://stackoverflow.com/a/14770263/7598367所说的那样，有必要在工具提示中添加“容器”。

那并不能解决我的问题（我有同样的问题），还需要在JS文件之前声明.tooltip（）初始化，方法是这样：

$('[data-toggle=tooltip]').tooltip({container: 'body'});
$('[data-toggle="tooltip"]').tooltip();

希望这对以后遇到同样问题的人有所帮助。

Bootstrap工具提示导致按钮跳转

2 个答案: