Bootstrap工具提示导致按钮跳转

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文件BEFORE中通过以下方式声明.tooltip（）初始化：

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

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