2017-02-06 13 views
0
var engine = new Bloodhound({ 
      remote: { 
       url: 'http://mockie.dev/blog/tag/autocomplete?keyword=%QUERY%', 
       wildcard: '%QUERY%' 
      }, 
      datumTokenizer: Bloodhound.tokenizers.whitespace('title'), 
      queryTokenizer: Bloodhound.tokenizers.whitespace 
     }); 

     $(".typeahead").tagsinput({ 
      typeahead: { 
       source: engine.ttAdapter() 
      } 
     }); 

JSon возвращение на источник:boostrap-tagsinput + машинописный, как источник не работает

[{"id":3,"user_id":1,"title":"Book Review 1","slug":"book-review","meta_keyword":null,"body":"book review","meta_description":null,"created_at":"2017-02-01 18:39:46","updated_at":"2017-02-05 13:26:05","article_counter":0}] 

эти JS файлы, которые я использую: https://github.com/bootstrap-tagsinput/bootstrap-tagsinput/blob/master/src/bootstrap-tagsinput.js и последний из этой https://github.com/twitter/typeahead.js

, который все, что я знаю, этот код работает только с typeahead, но он не работает, когда я использую taginput и использую typeahead как источник. Я пытаюсь исправить это для работы с утра, я попробовал boostrap-typeahead, typeahead, bloodhound. но не работал, так как ни один из них не имеет хорошей документации и «проблема», кажется, никто не отвечает им на github.

Я также прочитал это http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/ (typehead section), но я не уверен, как это сделать.

ответ

0

Try typeaheadjs как исходного объекта вместо

$(".typeahead").tagsinput({ 
     typeaheadjs: { 
      source: engine.ttAdapter() 
     } 
    }); 
+0

вы можете предоставить демо на jsfiddle? – Kakashi