Question

一旦你试图悬停它，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的方法吗？

Answer 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/

使Bootstrap的工具提示可以移动

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

1 个答案: