在我的网络应用程序中,我有许多(有时在 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 显示越快。
最佳答案
关于jquery - qTip2显示和隐藏缓慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10522747/