Question

有没有办法延迟bootstraps popover显示x毫秒？

也许我错过了，但我还没有找到它，我想使用Bootstraps popover作为网格中CRUD图标的工具提示，我在每行显示这些图标。
当用户现在悬停在所有这些图标上时，它会一直闪烁。
因此我想定义一个延迟 / hoverIntent ，这样它只会在用户停在图标上时显示。

这是否可以在angular-ui-bootstrap中使用？这就是我目前所拥有的：

<button 
    ng-click="release(row)" 
    class="btn btn-mini"  
    popover="Release account" 
    popover-trigger="mouseenter">
    <i class="icon-trash"></i>
</button>

Answer 1

好的，这很愚蠢..在我创建这个问题5分钟后，我在angular-ui文档here中找到了解决方案。

在popover属性列表中有一个：

popover-popup-delay ：在弹出窗口显示之前，用户必须将鼠标放在元素上多长时间（以毫秒为单位）？默认为0.

所以，我的html代码只需要改成：

<button 
    ng-click="release(row)" 
    class="btn btn-mini"  
    popover="Release account" 
    popover-trigger="mouseenter"
    popover-popup-delay=200>
    <i class="icon-trash"></i>
</button>

我希望将此作为答案添加可以省去别人的时间......

添加hoverIntent或延迟x毫秒来引导poprap

1 个答案: