2017-02-06 1 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 리턴 : https://github.com/bootstrap-tagsinput/bootstrap-tagsinput/blob/master/src/bootstrap-tagsinput.js이며이 https://github.com/twitter/typeahead.js부트 스트랩 - tagsinput + 선행 입력

의 최신 : 다음은 JS의 내가 사용하는 파일은

[{"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}] 

입니다 내가 아는 모든 것, 그 코드는 선행에 의해서만 작동하지만, 내가 tagsinput을 사용하고 타이프 헤드를 소스로 사용할 때는 그렇지 않다. 나는 아침부터 일하도록 이것을 고치려고 노력했다. 그러나 그들 중 아무도 좋은 문서를 가지고 있지 않고 "issue"섹션이 아무도 github에서 그들에 대답하지 않는 것처럼 보이지 않기 때문에 일을하지 못했습니다.

나는 또한 http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/ (headhead 섹션)을 읽었지만 어떻게해야할지 모르겠다. 소스 객체로

답변

0

해보십시오 typeaheadjs 대신

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

당신은 jsfiddle에 대한 데모를 제공 할 수 있습니까? – Kakashi