自動完成選擇事件不會觸發每次

Question

我最近的問題是，a）我無法弄清楚如何使用jqueryui自動完成來允許我上下滾動顯示的選項，示例代碼會很棒（我'我試過autoFocus: true），但最大的問題是我的選擇事件每隔10次就會觸發一次，即使我在那裏發出警報，似乎很隨機。目前我只能嘗試使用鼠標事件選擇a）。

最新的代碼我一直在試圖得到它的工作有如下：

$(document).ready(function(){ 
    $("#message").autocomplete({ 

     dataType: 'json', 
     source: function(request, response){ 

      var str = $("#message").val(); 
      var atindex = str.lastIndexOf('@'); 
      if (atindex != -1 && str.length-atindex > 1) { 
       str = str.substring(atindex+1); 

       var spaceindex = str.indexOf(' '); 
       var lastname = '' 
       if (spaceindex != -1){ 
        lastname = str.substring(spaceindex+1); 
       // if (lastname.indexOf(' ') != -1){lastname = lastname.slice(0,lastname.indexOf(' '));} 
        str = str.slice(0,str.indexOf(' '))+ ' ' + lastname; 
       } 

      $.post("utilities/atuser.php", {data: str}, function(data){ 

       $("#suggestions").show(); 
       //$("#usersuggest").html(data); 
       var json = $.parseJSON(data); 
       var test = new Array(); 
       response($.map(json, function(item){ 

        return { 
         label: item.label, 
         value: item.value, 
        } 

        }) 
        ); 

       }); } 


      }, 
     appendTo: "#usersuggest" , 

     autoFocus: true, 



    }); 


    $("#message").bind("autocompleteselect", function(event, ui) { 
      $("#message").attr("value",ui.item.label); 
      $("#usersuggest").focus(); 
      return false; 
}); 

    $("#message").bind("autocompleteopen", function(event, ui) { 
      $("#usersuggest").focus(); 
}); 





    }); 

謝謝！ Shaananc

編輯：在問候發出）重點向上和向下鍵現在值之間滾動文本框，而不是在出現的列表中突出顯示的選項，反正是有改變這種行爲？但是，使用上下滾動得到輸入的值是正確的，在那裏，如果我單擊以選中我碰到下面的代碼，而不是出現在框中：*<a class="ui-corner-all" tabindex="-1">Test Name</a>*

Answer 1

你嘗試 http://jqueryui.com/demos/autocomplete/？ 這似乎有滾動通過選項，因爲你想要的。