[SOLUCIONADO] JQuery no reacciona...

[torturo]

hola muchachos... estoy haciendo pruebas con JQuery en una página web...
la página web es http://omarghersinich.com
eñ código que estoy probando es (dentro de la etiqueta <script> );
$(document).ready(function(){
var description = 'Omar Ghersinich';
$('body .title').click( function(){
alert('hi');
});
..};

pero no me está funcionando, pero si sólo le pongo

$(document).ready(function(){
$('body').click( function(){
alert('hi');
});
..};

si me funciona...
lo que quiero es que, al momento teclear en la canción "Primera" me pueda mostar dentro de un DIV la letra de primera (eso ya sé como se hace), pero no me está saliendo...
alguien tiene alguna idea de como hacer que me pueda funcionar cuando se precione en la clase .title ????
Gracias

[Maganius]

Las canciones se cargan con ajax? si se cargan con ajax tendras que usar la funcion .on de jquery

[torturo]

hola!!! lo sé, pero como se puede observar en la página, eso es una clase y no una ID...
buen día! :D

[torturo]

hola de nuevo! intenté ponerlo con el evento ON
pero me sigue s i funcionar, mi código fue exactamente:

<script type="text/javascript">
$(document).ready(function(){
var description = 'Omar Ghersinich';
$('span .title').on( click: function(){
alert( $('p .title').text() );
});
});
</script>

pero aún así sigue SIN funcionar... alguna idea más ?

[Maganius]

Prueba asi tienes mal el evento

Código Javascript:

$(document).ready(function(){
var description = 'Omar Ghersinich';
$('.title').on("click", function(){
alert( $('p .title').text() );
});
});
 

Creo que esa version de Jquery usa live

Código Javascript:

$(document).ready(function(){
var description = 'Omar Ghersinich';
$('.title').live("click", function(){
alert( $('p .title').text() );
});
});
 

[torturo]

pues que lo he intentado ya... y sí... utiliza "live"
ahora bien, me funciona, pero me está mostrando los titulos de TODAS las canciones...
hay alguna pista para que me pueda mostrar sólo la canción clickeada?

[Maganius]

Te muestra todas porque estas usando la misma clase.

Código Javascript:

$(document).ready(function(){
var description = 'Omar Ghersinich';
$('.title').live("click", function(){
alert( $(this).text() );
});
});
 

Usa this para hacer referencia al objeto con el que estas interactuando

[torturo]

GRANDE Maganius!!!! :D
Gracias!!! ahora sí...!!!!! GRACIAS!!!!!
espero poder hacer lo que sigue :D

GRACIAS MUCHAS!