如何在不使用jQuery的自動完成功能的情況下進行預測性搜索

我需要創建一個預測性搜索，就像在google中一樣。我使用jQuery.autocomplete（）完成了這個任務。但問題是網站網站只支持jQuery UI 1.8.4。（這個版本的jQuery沒有自動完成）並且搜索不起作用。當我通過UI 1.10.3時，網站中的其他功能也打破了。如何創建使用jQuery UI 1.8.4的自動完成功能？如何在不使用jQuery的自動完成功能的情況下進行預測性搜索

來源

2013-06-04 Stumble

爲什麼不只是添加一個新版本的jQuery的參考？這將覆蓋舊版本和autocomplete將工作。

<script src="js/jquery-ui-1.10.3.min.js"></script> 
<script> 
    // your code 
</script>

來源

2013-06-04 13:17:04 Ted

我不能覆蓋用戶界面，如果我做了其他功能將無法正常工作。 – Stumble

你確定嗎？你試過了嗎？ – Ted

認真@Ted？該OP：「當我通過UI 1.10.3時，網站的其他功能也打破了。」 –

你可以只連接一個keyup事件輸入字段和處理數據的要求自己。並添加一個500毫秒超時你火的請求之前，這樣你就不會淹沒在服務器和與結果有關的用戶...

來源

2013-06-04 13:17:58 markz

你需要什麼：

一個div標籤相對定位輸入低於必須在服務器調用完成（或任何容器上的ul標記）上填充
a keyup事件在文本框上將此作爲輸入傳遞到服務器。

這僅僅是表面。自動完成jQuery UI的開發已經有很多年了，試圖模仿它們只是浪費時間。

我的建議：不要經過這個。你可以做任何一個這些

更改jquery的版本並完成它。
使用另一個不依賴於jQuery UI的自動完成插件。但是你可能會發現它們依賴於jquery。有很多插件。一個簡單的谷歌搜索就足以讓你開始

來源

2013-06-04 13:22:05 krishgopinath

我可以要求他們升級他們的UI，但可能性非常小。我不確定我是否可以添加插件，或者不是我正在使用CMS。我會嘗試添加插件。你知道哪個插件是最好的，易於使用嗎？ – Stumble

我有時使用這個：http://www.devbridge.com/projects/autocomplete/jquery/ ..整潔和簡單的文檔 – krishgopinath

如何在不使用jQuery的自動完成功能的情況下進行預測性搜索

回答

相關問題