jQuery UI自動完成 - 箭頭不會在結果列表中切換

我有一個自動完成功能，幾乎可以工作，因爲我希望它能夠正常工作。我遇到的問題是，一旦我開始搜索我的物品並收到一些建議，我就想用我的箭頭點擊不同的建議。它切換輸入字段本身的不同建議，但它不會移動到列表中並通過它們「切換」。jQuery UI自動完成 - 箭頭不會在結果列表中切換

這是我的代碼

function() { 
    $("#geosearch").autocomplete({ 
     minLength: 2, 
     source: cities, 
     focus: function (event, ui) { 
      this.value = ui.item.label; 
      event.preventDefault(); // Prevent the default focus behavior. 
     }, 
     select: function(event, ui) { 
      addLocation(ui.item); 
      return false; 
     } 

    });   
}

什麼我需要添加，使其工作？有趣的是，我發現所有的例子，有一個工作的「箭頭瀏覽」，但我只是不會這樣做:(

來源

2011-12-16 Lusse

你能在[JSFiddle]（http://www.jsfiddle.com）上設置一個顯示問題的例子嗎？ – 2011-12-16 13:03:21

它在jsfiddle上運行良好。問題是EPiServer和它的所有蹩腳的JS，它阻止它的工作:( – Lusse 2012-01-04 09:43:32

如果通過箭頭瀏覽你指的是遍歷通過建議列表使用您的鍵盤的箭頭鍵，然後我你認爲你的焦點方法是動作發生的地方

爲什麼你在焦點事件中添加了「event.preventDefault（）;」有什麼特別的理由嗎？它可能會取消焦點事件正確提出並通知jqueryui將所選項目上的高亮部分移動到下一個/上一個

來源

2011-12-16 11:47:37 snasirca

該列表的自動提示css類是

.ui-corner-all

及其突顯瞭如果你寫它的風格，那麼這個問題將得到解決變得

.ui-state-focus

。例如：

.ui-state-focus { 
background:#F00; 
}

來源

2013-06-06 11:45:43 nanospeck

jQuery UI自動完成 - 箭頭不會在結果列表中切換

回答

相關問題