首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >导致按钮跳转的引导工具提示

导致按钮跳转的引导工具提示
EN

Stack Overflow用户
提问于 2013-01-17 01:21:13
回答 2查看 21.4K关注 0票数 61

当我将鼠标悬停在按钮上并出现工具提示时,按钮会跳转。如果禁用工具提示,它不会跳转。此外,右按钮会丢失圆角边缘。我如何才能防止这种情况发生?

代码语言:javascript
复制
<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:

代码语言:javascript
复制
$('[rel=tooltip]').tooltip();

工作版本...

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

这里有一个网站,它可以在没有跳跃的情况下工作。

http://wrapbootstrap.com/preview/WB005S479

EN

回答 2

Stack Overflow用户

发布于 2013-02-08 18:16:19

为了避免跳转,需要设置容器属性。这是有文档记录的。

在将工具提示和弹出窗口与引导输入组一起使用时,必须设置容器选项以避免不必要的副作用。

尝试以下操作:

代码语言:javascript
复制
$('[rel=tooltip]').tooltip({container: 'body'});
票数 155
EN

Stack Overflow用户

发布于 2019-10-31 19:14:54

正如豪伊在https://stackoverflow.com/a/14770263/7598367上所说,有必要将“容器”添加到工具提示中。

这并没有解决我的问题(我也有同样的问题),在 .tooltip()初始化之前,也有必要在JS文件中声明,这样:

代码语言:javascript
复制
$('[data-toggle=tooltip]').tooltip({container: 'body'});
$('[data-toggle="tooltip"]').tooltip();

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14364079

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档