qTip2 неправильное положение при рендеринге

Question

Я пытаюсь создать qtip, содержащий набор значков icomoon. Моя проблема в том, что в первый раз, когда qtip отображается, он оказывается смещенным от того места, где он должен быть.

Содержимое встроено в мой html с display: none и, по-видимому, значки не отображаются до тех пор, пока не будет создан qtip. Поэтому значки не учитываются для определения начальной ширины qtip, и это вызывает неправильное смещение.

При отображении qtip в следующий раз это больше не происходит, поскольку значки уже отображаются, а затем вычисляется правильно.

Мне интересно, мой подход просто неправильный, и есть более правильное решение для определения содержимого всплывающей подсказки, или хаки - это мой единственный вариант.

Здесь у меня есть что изображает мой случай: jsFiddle

Answer 1

При загрузке кода qTip2, когда документ будет готов, попытайтесь загрузить с окном, как следующим образом:

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