2013-06-28 164 views
1

我试图创建一个包含一组icomoon图标的qtip。我的问题是,qtip第一次渲染时,它看起来应该离开它的位置。qTip2渲染错误位置

该内容嵌入在我的HTML display: none,显然,图标不会呈现,直到qtip创建后。因此,图标不会被用于定义qtip的初始宽度,这会导致错误的偏移量。

下次显示qtip时,它不会再发生,因为图标已经被渲染,然后正确计算宽度。

我想知道如果我的方法是错误的,并有定义工具提示的内容更合适的解决方案,或黑客是我唯一的选择。

这里我有一个描绘我的情况: jsFiddle

+0

你问题是:你必须显示两次工具提示以显示其中的图标? –

+0

第一次显示工具提示会使图标呈现。这发生在qtip测量宽度并设置其位置之后。然后,图标得到渲染并放大工具提示。这就是问题。 第二次,由于图标已经渲染,宽度和位置设置正确。 – OmeGak

+0

您是否在文档准备好或窗口加载时使用qTip? –

回答

0

如果要加载的qTip2代码时,该文件已准备就绪,尝试与窗口加载,就像如下:

$(window).load(function() { 
    // Your code here 
});