typeahead.js

0熱度

1回答

我正在尋找一個示例，以瞭解如何爲我正在開發的項目設置搜索欄。我有一個mongodb數據庫和我使用nodejs與表達框架。我希望自動完成和建議功能的搜索欄。我看過typeahead.js，但是被如何實現它所淹沒。如果有人知道某個地方可以找到工作版本（我可以上傳到我的開發環境並分解），或者有時間一步步完成，我會非常感激。另外，如果有更容易實現我想要做的事，讓我知道。在此先感謝。

6熱度

2回答

防止在空格處輸入ajax typeahead.js

我一直在使用typeahead.js並使用BloodHound remote選項加載數據。 Everthing正在按預期工作，除了當我輸入only spaces在textbox鍵入仍然sends ajax call。我想知道是否有方法prevent ajax call如果在文本框中有only spaces。我正在尋找類似的行爲，如trim。這是我的代碼。我試圖使用prepare函數，但沒有運氣

0熱度

1回答

使用jQuery和Typeahead動態創建的輸入字段的自動填充

我試圖在動態創建的輸入字段上運行時獲得Typeahead的自動填充。我有以下代碼： HTML： <div class="input_fields_wrap"> <a href="#" class="add_field_button">Add More Fields</a> </br> <div><input type="text" name="typeahead[]" clas

0熱度

1回答

輸入提前血獵犬排序返回值。

我正在使用Twitter類型，但發現很難從mysql查詢中劃分結果。我的JSON輸出看起來是這樣的：{「ID」：「1」，「名」：「布拉沃」}在當前狀態下在預輸入結果顯示的名稱和ID，我會喜歡能夠僅顯示名稱，但輸入的實際提交值是id。我的腳本是流動的： <script type="text/javascript"> // Instantiate the Bloodhound suggestio

0熱度

1回答

如何以前面的方式訪問此對象？

我在Laravel 5.3中使用twitter typeahead。只要你知道，這是我的數據產品，並用其製造商品牌（FK）沿： [ { "id": 2, "name": "iphone", "created_at": "2017-02-08 06:12:34", "updated_at": "2017-02-08 06:12:34", "

0熱度

1回答

爲什麼我使用列表視圖在頁眉中進行預取？

我正在使用yii2 listView部件列出一些項目，我注意到在頭部有rel="prefetch"和rel="next"，不知道爲什麼。在標題中有這樣的鏈接有什麼意義？我怎麼能禁用這個？

0熱度

1回答

如何重構JS預輸入實例

我有下面的代碼塊實例化預輸入 $("#searchbox").typeahead({ minLength: 3, }, { name: "Type0", displayKey: "name", source: bloodHound[0].ttAdapter(), templates: { header: "<h4 class=

2熱度

1回答

Twitter的預輸入沒有顯示文本只是一個空白下拉

我有一個問題，我typeahead，建議下拉框中出現，同時打字但沒有文字顯示。我所做的，看它是否只是一個隨機的下拉是輸入的話，我知道是我json文件，並且不言語。當我鍵入未在我的數據庫下拉框中被刪除的話，那麼它實際上是沒有工作從json文件的實際文本。同時在搜索框中輸入內容時，我在python控制檯中看到正在進行查詢。在這裏你可以看到我輸入「數論」就是在我json，你可以看到下拉菜單中沒有出現任

0熱度

1回答

使用JSON事先鍵入的內容警犬自動完成着工作對象

拼命試圖弄清楚爲什麼自動完成不JSON的對象 (function($){ let $country = $('#country'); let countries = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.whitespace, queryTokenizer: Bloodhound

0熱度

1回答

typeahead.js不工作，控制檯中沒有錯誤

我不明白爲什麼這不起作用。沒有錯誤，它只是不顯示我的選項。 <input id="hello" class="form-control" type="text"> <script src="~/lib/jquery/dist/jquery.js"></script> <script src="~/lib/typeahead.js/dist/typeahead.bundle.js"></scr