jQuery的自动完成和jQuery用户界面对话框

Question

我有一个关于如何协作自动完成用户界面对话框问题：

1. 有使自动完成输入文本（该数据不是一个简单的字符串数组，所以它需要被解析）。这工作做得：

   <input type="text" id="styleno" name="styleno" > 
   
   $("#styleno").autocomplete("${suggest}", { 
          parse:function(raw){ 
         var parsed = []; 
         for (var i=0; i < raw.model.length; i++) {  
   
          var row = raw.model[i]; 
          parsed.push({ 
           data: row, 
           value: row, 
           result: row.styleNo 
          }); 
         } 
         return parsed; 
   
        }, 
        formatMatch: function(row, i, max) { 
          return row.styleNo; 
          }, 
          formatItem: function(data, i, n, value) { 
          // 
   
            return data.id+data.styleNo; 
          } 
        }); 
   

2. 当结果从建议的列表中选择，我想打开一个对话框，填入从分析结果出头。所以，我用的是“结果”功能：

   $("#styleno").result(function(data,values){ 
        $('#itemDiv').dialog('open'); 
   } 
   

   对话框打开，但焦点仍保留在自动提示输入字段（<input type="text" id="styleno" name="styleno" >）。所以我用这个代码：

   $("#styleno").trigger("unautocomplete"); 
   

   现在对话是好的，但输入字段失去了自我暗示能力。

我该怎么办？根据建议列表中选择的项目，然后弹出一个对话框，其中包含一些输入字段。用户填写对话框中的字段后，关闭它，回到自动建议字段仍然使用自动提示功能。

Answer 1

不是100％肯定它的工作原理是这样的，但你可以尝试以下操作：

$("#styleno").blur(); 

听起来像是你正在寻找的事件。