Hola a todos, en la aplicación que estoy desarrollando me ha surgido un problema que no tengo ni idea de como solucionarlo.... la cosa es que tengo un qtip que en el hover de cada td le pasa una id que luego utiliza para hacer una llamada ajax en concreto. El problema está en que solo puedo hacer una vez el hover (que funciona bien) pero a la segunda el chrome me da el error: "Uncaught TypeError: Cannot call method 'cloneNode' of undefined" y en el tomcat el "java.lang.ArrayIndexOutOfBoundsException: 1"
No sé... os dejo el código que uso haber si a alguien se os ocurre que puede estar pasando,... Gracias de antemano!!!
los id son algo así (habrá unos 100 distintos...):
Código HTML:
Ver original<td id="Kpi_final-${itemTM.tbProfesionalIdProfesional}-2013-3" class="toolTipGrafico">${itemTM.kpiFinal}
</td>
Código HTML:
Ver original$(".toolTipGrafico").each(function(){
var id = this.id;
$(this).qtip({
content: {
// Set the text to an image HTML string with the correct src URL to the loading image you want to use
text: 'nada',
ajax: {
url:'/serviceFactoryManager/qtipEvolucion.action?datos='+id // Use the rel attribute of each element for the url to load
},
title: {
text: 'Evolución del Indicador', // Give the tooltip a title using each elements text
}
},
position: {
at: 'bottom left', // Position the tooltip above the link
my: 'top left',
viewport: $(window), // Keep the tooltip on-screen at all times
effect: true // Disable positioning animation
},
show: {
//event: 'click',
solo: true // Only show one tooltip at a time
},
//hide: 'unfocus',
style: {
classes: 'qtip-wiki qtip-light qtip-shadow'
}
});
});