Sono riuscito a risolvere! Per chi fosse interessato, ecco la soluzione.
L'errore nasce da una distrazione: nell'esempio fornito dall'autore, lo script funziona associando un certo valore all'attributo "id".
Code:
<script type='text/javascript'>
$(function() {
$('#tooltip').tipsy();
$('#north').tipsy({gravity: 'n'});
$('#south').tipsy({gravity: 's'});
$('#east').tipsy({gravity: 'e'});
$('#west').tipsy({gravity: 'w'});
});
</script>
Tuttavia, anche il consorzio W3 stabilisce che associare lo stesso "id" ad elementi diversi all'interno della medesima pagina è "deprecated"; tanto che, con questo metodo, lo script non funziona.
Per risolvere, basta usare le classi CSS al posto degli "id":
Code:
<script type='text/javascript'>
$(function() {
$('.tooltip').tipsy();
$('.north').tipsy({gravity: 'n'});
$('.south').tipsy({gravity: 's'});
$('.east').tipsy({gravity: 'e'});
$('.west').tipsy({gravity: 'w'});
});
</script>
e richiamare gli elementi da associare al plug-in con l'attributo
(per seguire l'esempio riportato sopra). Poiché, al contrario di quanto succede con gli "id", più elementi possono avere la stessa classe CSS, lo script funzionerà a dovere in tutti i casi.
Alla prossima!
