Ciao a tutti..dovrei eseguire una funzione all'hover dei link con classe eventTitle
il problema è che questi dati vengono caricati da ajax e quindi includento il file js nella pagina in questo modo: <script type='text/javascript' src='../js/mioscript.js'></script>non funziona..
mioscript.js
codice:
$(function(){
$('.eventTitle a').hover(
function(e){
var theSingleEvent = $(this).parent().parent().parent();
hoverTimer = window.setTimeout(
function(){
if( $('.openEvent').length != 0 )
{
$('.openEvent').removeClass('openEvent').animate({height: '32px'}, 500, 'swing').
find('ul.briefDetails').fadeIn(250).
end().
find('ul.details').fadeOut(500);
}
theSingleEvent.addClass('openEvent').animate({height: '137px'}, 500, 'swing').
find('ul.briefDetails').fadeOut(250).
end().
find('ul.details').fadeIn(500);
}, 500
);
},
function(){
clearTimeout(hoverTimer);
}
);
});
ho provato ad includerlo nel file php che mi restituisce i dati richiesti via ajax ma ogni volta che eseguo la funzione ajax mi carica lo script..e se eseguo l'hover sui link me duplica l'effetto quante volte è stato caricato il js..
Come fare?