2011-05-14 2 views
5
$('#nav a[href][title]').qtip({ 
     content: { 
     text: false // Use each elements title attribute 
     }, 
     position: { 
    corner: { 
     target: 'topLeft', 
     tooltip: 'middleRight' 
       } 
       }, 
    style: { 
     name: 'dark', 
     width: 230, 
     padding: 3, 
     bottom: 10, 
     textAlign: 'center' 
     } 
// Give it some style 
    }); 

은 내가 시뮬레이션 싶습니다 : CSS : 위치 : 상대; 바닥 : 10px 그래서 툴팁 가져 ​​수직 정렬 (이미지 참조) 타겟,하지만 난 그것을 완수하지 못할 이수동 위치가 (하지 작업) qtip 툴팁에 조정

$('#nav a[href][title]').qtip({ 
     content: { 
     text: false // Use each elements title attribute 
     }, 
     position: { 
    corner: { 
     target: 'topLeft', 
     tooltip: 'middleRight' 
       } 
       }, 
    style: { 
     name: 'dark', 
     width: 230, 
     padding: 3, 
     position: 'relative', 
     bottom: 10, 
     textAlign: 'center' 
     } 
// Give it some style 
    }); 

그러나 툴팁의 텍스트처럼 노력

enter image description here

,

,536,913하지 툴팁 자체를 이동됩니다

어떻게하면됩니까?

편집

'조정'속성을 시도

하지만 난 찾을 수없는 문법 실수가

$('#nav a[href][title]').qtip({ 
     content: { 
     text: false // Use each elements title attribute 
     }, 
     position: { 

     adjust: { 
       x: 10px, 
       y: 10px 
     }, 

    corner: { 
       target: 'topLeft', 
       tooltip: 'middleRight' 
       } 
    }, 
    style: { 
     name: 'dark', 
     width: 230, 
     padding: 3, 
     textAlign: 'center' 
     }, 
// Give it some style 
    }); 

답변

14
사용 다음과 같이 "위치"속성 그룹의 속성을 "조정"할 수

:

position: { 
    corner: { 
     target: 'topLeft', 
     tooltip: 'middleRight' 
     }, 
    adjust: { 
     x: 10, 
     y: 10 
     } 
    } 

제공된 숫자는 임의적입니다. 원하는대로 위치를 지정할 수 있습니다.

+0

답장을 보내 주셔서 감사합니다. 넷빈즈가 구문 오류를 건너 뛰고 (즉, qtip가 활성화되지 않았기 때문에) 내 질문을 편집하려고합니다. 어떻게 배치해야합니까? 다시 감사합니다! –

+0

사용 -> 조정 : { x : '10px', y : '10px' } 오류를 제거하지만 효과가없는 것 같습니다 –

+3

qtip 또는 qtip2를 사용하고 있습니까? 그들은 qtip2를 공개했으며 오래된 버전은 곧 쓸모 없게 될 것입니다. 다시 쓰기가 필요하지 않습니다. 단지 qtip2 js 파일을 다운로드하고 이전 파일로 대체하십시오. 지금까지 조정, 내 나쁜, 당신은 px가 필요하지 않습니다, 그냥 따옴표없이 일반 숫자를 사용하십시오. – Dimitri