Ho un calendario, i numeri dei giorni sono dei link, passandoci sopra col mouse si attiva una funzione jQuery che tramite AJAX prende dal server l'elenco degli impegni di quel gioeno e li mostra in un div.
Funziona, ma avrei bisogno che la funzione venisse attivata con un po' di ritardo in modo che spostando il mouse dal calendario in un altro punto della pagina, gli impegni mostrati non cambiassero solo perché il puntatore è passato mezzo secondo sopra un altro giorno.
Il codice che uso al momento per attivare la funzione è questo
codice:
$('div#eventi-home').on('mouseover', 'a.calday', function() {
var $a = $(this),
form_data = {
day: $a.data('giorno'),
month: $a.data('mese'),
year: $a.data('anno')
};
$.ajax({
url: "<?php echo base_url('home/events_of_the_day/') ?>",
type: 'POST',
data: form_data,
success: function(msg) {
$('div#events-of-the-day').html(msg);
}
});
});
Se serve, i link sono fatti così
codice:
<a href="#" class="calday" data-giorno="28" data-mese="11" data-anno="2013" >28</a>'
Come va modificato per introdurre il ritardo?