Tengo un evento hover que funciona correctamente con los elementos actuales cargados en un div.
Ahora sustituyo el contenido de este div mediante html cargado con $.ajax.
Al añadir los nuevos elementos añado también los nuevos eventos mouseover y mouseout y todo esto también funciona correctamente.
Pero claro, estoy duplicando el código inicial, esto en el ready:
Código:
$('.foto').hover(function(){. . .
y ahora además:
Código:
$('.foto').bind('mouseover', function (){. . .
$('.foto').bind('mouseout', function (){. . .
Mi pregunta:
Hay alguna manera de no tener que repetir el código de los elementos iniciales y los de nueva creación.
Hasta ahora lo que hacía es que al elemento foto le tenía añadido los eventos onmouseover="aumenta(this)" y onmouseout="dismunuye(this)", pero quería hacerlo con jquery.
Gracias.