JQuery UI自動完成加載滾動數據

Question

我有我的搜索欄的JQuery UI自動填充小部件，它對我來說工作正常。基本上我想在滾動搜索欄結果時加載更多數據，我限制了100個結果，如我們從中進行分頁後端。

我想在滾動到結束時加載更多100個結果（如分頁第2頁，點擊將顯示100個以上結果），並附加到自動完成生成的列表。我如何做到這一點，有沒有可用的插件或一些可以幫助我的鏈接。 我有高達400px的搜索欄結果。我用過Jquery。

我已經找到了一些解決方案，但可以在滾動到頁面結尾時使用。在這裏，我有400px高度和滾動條的搜索結果，並希望加載更多數據滾動到最後LI。

幫助將不勝感激。

Answer 1

嗯，即使我想這個問題的解決方案。
由於沒有迴應，我建議你檢查這篇文章。
jQuery UI Autocomplete Combobox Very Slow With Large Select Lists
他們提供解決方案，而不是最終的答案
不管怎樣最好的運氣，如果你想出一個更好的解決辦法，請張貼在這裏

Answer 2

您可以檢查此小提琴 http://jsfiddle.net/LesignButure/EVsye/

Answer 3

這個例子在小提琴http://jsfiddle.net/LesignButure/EVsye/工程很好，但有一個錯誤。例如，如果您輸入「a」，然後向下滾動，然後追加搜索「b」，這將不會顯示任何結果，因爲「ab」與任何結果都不匹配。然後，如果退格（刪除）最後一個字符並且搜索字符串將等於「a」，則只顯示前5個結果，如果向下滾動，則不會發生任何情況。

這是因爲window.pageIndex不會刷新，因爲當你創建一個自動完成修復，你還應該指定「搜索」之類的參數：

$("#tags").autocomplete({ 
    search: function (event,ui) { 
     window.pageIndex = 0; 
    }, 
    source: availableTags, 

，這將解決您的問題。