延迟jQuery中的按键之间的动作

如何延迟jQuery中的按键之间的操作。
例如;

我有这样的东西

if($(this).val().length > 1){
   $.post("stuff.PHP",{nStr: "" + $(this).val() + ""},function(data){
    if(data.length > 0) {
      $('#suggestions').show();
      $('#autoSuggestionsList').html(data);
    }else{
      $('#suggestions').hide();
    }
 });
}

我想防止发布数据,如果用户不断打字。那么如何能给出0.5秒的延迟?

解决方法

你可以使用jQuery的数据能力来做到这一点,像这样:
$('#mySearch').keyup(function() {
  clearTimeout($.data(this,'timer'));
  var wait = setTimeout(search,500);
  $(this).data('timer',wait);
});

function search() {
  $.post("stuff.PHP",{nStr: "" + $('#mySearch').val() + ""},function(data){
    if(data.length > 0) {
      $('#suggestions').show();
      $('#autoSuggestionsList').html(data);
    }else{
      $('#suggestions').hide();
    }
  });
}

这里的主要优点是没有全局变量,如果你想的话,你可以将它包装在setTimeout中的一个匿名函数,只是试图使示例尽可能干净。

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: <span id=&quot...
jQuery 添加水印 <script src="../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...