css - 引导工具提示导致按钮跳转

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所说，有必要将“容器”添加到工具提示中。

这并没有解决我的问题（我遇到了同样的问题），还需要在.tooltip() 初始化之前在 JS 文件中声明，这样：

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

如果将来有人遇到同样的问题，希望这会有所帮助。