使 Bootstrap 的工具提示可悬停

【问题标题】：Make Bootstrap's tooltips hoverable使 Bootstrap 的工具提示可悬停
【发布时间】：2013-11-15 18:10:18
【问题描述】：

Bootstrap 的工具提示会在您尝试将其悬停时关闭，如果您想在其上放置链接，这很糟糕。

见小提琴：

http://jsfiddle.net/YTb62/16/

代码：

<span class="x" data-toggle="tooltip" data-html="true" data-title="It works?" data-content="If you can <a href='http://youtu.be/IBH4g_ua5es'>click me</a>, it works.">Hover me</span>

<script>
    $(function() {
         $('.x').popover({
                placement: 'right',
                trigger: 'hover'
             });
    });
</script>

PS：有什么方法可以将引导工具提示与HoverIntent一起使用？

【问题讨论】：

标签： jquery twitter-bootstrap hover tooltip

【解决方案1】：

我看不到这样做的方法，因为 Bootstrap 的悬停代码会在您移出 <span> 标记的那一刻从 DOM 中删除工具提示元素，因此用户无需单击任何内容。

您是否想过创建自己的工具提示？然后您可以内置该功能，可能通过在从 DOM 中删除工具提示之前内置延迟。要内置延迟，也许可以查看setTimeout() 方法。

How to create a tooltip with jquery without a plugin?

http://www.designchemical.com/blog/index.php/jquery/jquery-tooltips-create-your-own-tooltip-plugin/

http://www.queness.com/post/92/create-a-simple-cssjavascript-tooltip-with-jquery

http://net.tutsplus.com/articles/news/you-still-cant-create-a-jquery-plugin/

http://www.davidjrush.com/blog/2011/12/simple-jquery-tooltip/

【讨论】：