2013-06-28 6 views
1

icomoon 아이콘이 포함 된 qtip을 만들려고합니다. 제 문제는 qtip이 처음 렌더링 될 때, 그것이 있어야 할 위치에서 벗어난 것처럼 보입니다.qTip2 렌더링시 잘못된 위치

콘텐츠가 display: none으로 내 html에 포함되어 있으며, 분명히 qtip을 만들 때까지 아이콘이 렌더링되지 않습니다. 따라서 아이콘은 qtip의 초기 너비를 정의하는 데 고려되지 않으며 이로 인해 잘못된 오프셋이 발생합니다.

다음에 qtip을 표시 할 때 이미 아이콘이 렌더링되고 너비가 올바르게 계산되므로 더 이상 qtip을 표시하지 않습니다.

내 접근 방식이 잘못되어 툴팁의 내용을 정의하는보다 적절한 해결책이 있는지, 해킹 만이 유일한 옵션인지 궁금합니다. jsFiddle

+0

귀하 문제는 그 안에 아이콘을 표시하기 위해 툴팁을 두 번 표시해야한다는 것입니다. –

+0

처음으로 툴팁을 표시하면 아이콘이 렌더링됩니다. 이것은 qtip이 너비를 측정하고 그 위치를 설정 한 후에 발생합니다. 그런 다음 아이콘이 렌더링되고 툴팁이 확대됩니다. 이게 문제 야. 두 번째로 아이콘이 이미 렌더링되어 있으므로 너비와 위치가 올바르게 설정되어 있습니다. – OmeGak

+0

문서 준비 또는 창로드시 q 팁을 사용하고 있습니까? –

답변

0

문서가 준비되면 당신은 당신의 qTip2 코드를로드하는 경우, 다음과 같은 윈도우로로드하려고 : 여기

나는 내 사건을 묘사하는이 가지고

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