Bootstrap工具提示导致button跳转
当我将鼠标hover在button上并出现工具提示时,button跳转。 如果我禁用了工具提示,它不会跳转。 另外,右边的button失去了圆angular的边缘。 我怎样才能防止这种情况发生?
<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
为了避免跳转,您需要设置容器属性。 这是logging。
在Bootstrapinput组中使用工具提示和popup窗口时,必须设置容器选项以避免不必要的副作用。
尝试以下操作:
$('[rel=tooltip]').tooltip({container: 'body'});