$('#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)
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
});
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! –
usando-> ajustar: { x: '10px', y: '10px' } elimina el error, pero no parece tener ningún efecto –
¿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