El tooltip lo que necesita es su libreria y la carga
<script type="text/javascript" src="/js/jquery.poshytip.min.js"></script>
$('.poshytip').poshytip({
className: 'tip-twitter',
showTimeout: 1,
alignTo: 'target',
alignX: 'center',
alignY: 'bottom',
offsetY: 10,
allowTipHover: false
});
Con esto es suficiente para que cuando escribas cualquier enlace y le pongas la clase .poshytip te genere el tooltip con el aspecto correspondiente a la libreria.
<a href="#" class="poshytip" title="hola que tal">saludo</a>
Sin embargo cuando recibo los datos de json no se porque el tooltip no pilla bien el aspecto, vamos que es el de toda la vida del navegador.
Me he dado cuenta que en este tipo de páginas que recibes datos desde ajax, si miras el código fuente de la web principal no te aparece el html que traes cuando haces la petición.
No vaya a ser que como el contenido se carga dentro de un div una vez está cargada la página, no lo detecte correctamente? Tendría que cambiar algo para que la función se aplicará también a los datos cargados desde ajax?