2011-05-14 10 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 
    }); 

me gustaría para simular: css: position: relative; bottom: 10px por lo que la información de herramienta se pone verticales alineadas (ver imagen) con el objetivo, pero no puedo conseguir que se hagaposicionamiento manual se ajustara, en información sobre herramientas qtip (no funciona)

enter image description here

tratando como esto

$('#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 
    }); 

Pero el texto de la descripción será movida, no la información de herramienta en sí,

¿cómo puedo hacer esto?

EDITAR

tratando la propiedad 'ajustar', pero hay un error de sintaxis no puedo encontrar

$('#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 
    }); 

Respuesta

14

Puede utilizar "ajustar" la propiedad del grupo de propiedades "posición" de la siguiente manera:

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

Los números que proporcioné son arbitrarios. Puedes jugar con ellos para colocarlos como quieras.

+0

gracias por su respuesta, a punto de editar mi pregunta porque Netbeans salta el error de sintaxis (y de corse qtip no se habilita), ¿cómo debo colocarlo? ¡gracias de nuevo! –

+0

usando-> ajustar: { x: '10px', y: '10px' } elimina el error, pero no parece tener ningún efecto –

+3

¿está usando qtip o qtip2? Han lanzado qtip2 y el anterior pronto quedará obsoleto. no es necesario reescribir, simplemente descargue el archivo qtip2 js y reemplace el antiguo con él. En cuanto al ajuste, mi mal, no necesitas px, solo usa números simples sin comillas. – Dimitri

Cuestiones relacionadas