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; 
    } 
});