ritardo di base sulla funzione jquery .Click

Question

ho la funzione jquery più fondamentale di tutti, ma non riuscivo a trovare un modo nella documentazione per innescare i contenuti di questa funzione di clic dopo dire 1500 millisecondi:

$('.masonryRecall').click(function(){ 
    $('#mainContent').masonry(); 
}); 

PS ho appena notato la funzione .delay jquery 1.4, anche se sto usando la versione 1.3. Non so se l'aggiornamento di questo potrebbe interferire con uno qualsiasi degli altri javascript che ho attualmente.

Answer 1

È possibile farlo con javascript normale utilizzando setTimeout().

$('.masonryRecall').click(function(){ 
     setTimeout("$('#mainContent').masonry()", 1500); 
    }); 

Answer 2

In generale, dovresti stare lontano dai valori letterali di stringa in setTimeout/setInterval. Utilizzare invece una chiusura:

setTimeout(function(){ $('#mainContent').masonry(); }, 1500);` 

e anche meglio usare in questo modo (nota: la chiusura esterna non è davvero necessario):

(function($){ 
    var timeout=null; 
    $('.masonryRecall').click(function(){ 
     clearTimeout(timeout); 
     timeout=setTimeout(function(){$('#mainContent').masonry();}, 1500); 
    }); 
}(jQuery));