setTimeout() pas d'exécution

Question

J'ai cette fonction simple qui affiche un message à l'utilisateur. Si j'ajoute le paramètre timeout, il glissera automatiquement vers le haut si l'utilisateur n'a pas à cliquer dessus pour se débarrasser. Mais le bit de délai d'attente ne fonctionne pas.

function feedback(text, timeout){ 
    $('#feedback').text(text).slideDown('fast'); 

    $('#feedback').click(function(){ 
     $(this).slideUp(); 
    }); 
    if(timeout){ 
     setTimeout(function(){ 
      $('#feedback').slideup(); 
     }, timeout); 
    } 
} 

Answer 1

Le problème est que $('#feedback').slideup(); a besoin d'un capital U là (par exemple .slideUp()). Vous pouvez également raccourcir le un peu faire ensemble ceci:

function feedback(text, timeout){ 
    var fb = $('#feedback').text(text).slideDown('fast'); 
    if(timeout) fb.delay(timeout).slideUp(); 

    fb.click(function(){ 
     $(this).slideUp(); 
    }); 
} 

Il utilise le haut-delay() fonctionnalité de jQuery pour obtenir le même effet d'une manière plus concise.

Answer 2

La mise en appel d'une fonction entière à l'intérieur d'une fonction de temporisation définie n'est pas valide. Votre setTimeout ne se déclenchera jamais comme vous le souhaitez, car setTimeout n'acceptera qu'une référence de fonction.

setTimeout(function(){ 
    $('#feedback').slideup(); 
}, timeout); 

Essayez le code suivant:

var ref = function() { 
    $('#feedback').slideup(); 
}; 
setTimeout(ref, timeout);