2013-06-28 196 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 
});