jQuery UI自动完成等待搜索事件完成

Question

我有一个文本框绑定到jQuery UI的自动完成。当用户从自动完成下拉列表中选择一个选项时，JSON数据将用于使用来自远程源的用户详细信息填充表单。

我有绑定了以下功能的复位按钮：

$('#btn_reset').on('click', function() { 
    $('#txt_name').autocomplete('search'); 
    $('.ui-menu-item').children().eq(0).click(); 
    return false; 
}); 

这可与少量的本地数据为searchclick()完成之前被调用，但是与大量外部数据，search没有及时完成，因此给我一个'item' is null or not an object错误。

我怎样才能让jQuery等到search完成后才致电click()？

下面是一个使用本地数据源的工作小提琴：http://jsfiddle.net/3KTtT/3/

Answer 1

解决方法是将函数绑定到自动完成的open事件，以检查布尔变量以确定表单是否正在重置。

var reset = false; 
$(function() {  
    $('#txt_name').autocomplete({ 
     source: [{"label":"john smith","address":"19 Tree Lane"}], 
     delay: 0, 
     autoFocus: true, 
     open: function() { 
      if(reset){ 
       $('.ui-menu-item').children().eq(0).click(); 
       reset = false; 
      } 
     }, 
     select: function(event, ui) { 
      $('#txt_address').val(ui.item.address); 
     } 

    }); 

    $('#btn_reset').on('click', function() { 
     reset = true; 
     $('#txt_name').autocomplete('search'); 
     return false; 
    }); 

}); 

在这里看到小提琴：http://jsfiddle.net/RVnkz/2/

Answer 2

我已经改变了你的榜样，包括延时循环，它检查是否有一个值，然后我打电话给你的点击事件。应该把你在正确的轨道上：

jsFiddle Demo

如果你看一下下面的代码，我有大于0，所以您可以测试代码，但它应该是小于1

$('#btn_reset').on('click', function() { 
    $('#txt_name').autocomplete('search'); 
    if($('#txt_name').val().length>0) //THIS LINE 
    { 
     CheckValue(); 
    } 
    else 
    {      
    $('.ui-menu-item').children().eq(0).click(); 
    return false; 
    } 
});