如何延迟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中的一个匿名函数，只是试图使示例尽可能干净。