jquery - qTip2显示和隐藏缓慢

标签 jquery qtip

在我的网络应用程序中,我有许多(有时在 100 个)单元格中嵌入了隐藏的跨度,如下所示:

<td class='providerInfo' tabindex=0>
    FIRE DEPARTMENT
    <span class='HIDDEN'>
        Address: New York, NY<br />
        Phone: 123-456-7890<br />
        Type: Facility
    </span>
</td>

在页面加载时,我将 qTip 与隐藏范围关联起来,以便在关注具有信息的单元格时显示它:

function loadProviderInfo() {

    $(document).ready(function() {
        $('.providerInfo').each(function() {
            $(this).qtip({
                content: {
                    text: function(api) { return $(this).children(".HIDDEN").html(); }
                },
                style: {
                    classes: 'ui-tooltip-blue',
                    def: 'false'
                },
                position: {
                    my: 'bottom left',  // Position my bottom left...
                    at: 'top right', // at the top right of...
                    target: $(this) // my target
                }
            });

            $(this).focusin(function() { $(this).qtip('toggle', true); });
            $(this).focusout(function() { $(this).qtip('toggle', false); });        
        });
    });
}

qTip 看起来不错,但显示和隐藏非常慢。

关于如何加快 qTip 的显示和隐藏速度有什么想法吗?我什至可以接受 qTip 上没有任何延迟。

只需在 IE 8 中工作即可。

编辑1
单元格越少,qTips 显示越快。

最佳答案

查看 Documentation

hide: { delay: 1000 } 

1000 milliseconds (1 second)

关于jquery - qTip2显示和隐藏缓慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10522747/

相关文章:

jquery - 如何通过加载新 URL 来完成 css 动画?

c# - asp.net 从 jquery 代码生成函数

javascript - 防止突出显示 map 图 block

javascript - 如何使用 jQuery 获取另一个页面上的 cookie 值?

javascript - 检查 JQuery 1.11.1 上是否已经存在点击事件

javascript - jQuery向url添加多个过滤参数

css - qTip/css 格式问题

jquery - qtip 气泡造型

mercurial - Hg 工作目录修订版不是 qtip