setTimeout（）不执行

Question

我有这个简单的函数，它向用户显示一条消息。如果我添加超时参数，它将自动滑回，如果用户不需要单击它来摆脱。但超时位不起作用。

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

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

Answer 1

的问题是，需要$('#feedback').slideup();资本U在那里（例如.slideUp()）。您也可以缩短下来一点总这样做：

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

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

它使用内置的jQuery delay()功能，实现更简洁的方式相同的效果。

Answer 2

将整个函数调用放入一个设置的超时函数是无效的。您的setTimeout永远不会触发，因为setTimeout将只接受函数引用。

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

试试下面的代码：

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