Railsでtag-itとサジェストを同時に実装

Question

Railsで1フォームにTag-itとサジェスト機能を実装したいのですが。
jquery-uiのtag-itと
gem 'rails4-autocomplete'
を組み合わせて実装した場合。
<%= f.autocomplete_field :tags, autocomplete_tags_path, placeholder: '指定したいタグを入力して下さい', id: 'tags' %>
となりますが、
tag-itにより、autocompleteが聞いているID tagは非表示になり、tag itで表示したliにカーソルが行くようになるため、サジェスト機能が効かなくなってしまいます。
jsでゴリゴリいじればできるとは思うのですが、
もっとスマートにTag-itとサジェスト機能をいっぺんに実装することは出来ないでしょうか。

Answer 1

ありがとうございます、下記のような対処法で実装を行いました。
rails4-autocompleteは使いませんでした。

# tag-it
  if $('#tags').length
    all_tag_list = []
    $.ajax
      type: 'GET'
      url: '/ajax/tags/'
      dataType: 'json'
      error: (jqXHR, textStatus, errorThrown) ->
        showFlash 'error', 'エラーが発生しました。'
      success: (data, textStatus, jqXHR) ->
        if data.result == 'error' and data.message
          showFlash 'error', data.message
        else
          data.forEach (val) ->
            all_tag_list.push(val.tag_name)
        return

    $("#tags").tagit availableTags: all_tag_list

Answer 2

rails4-autocompleteにほるsuggestionではなくなりますが、以前tagitのavailableTagsオプションを利用して作ったことがありますよ。

demo
'sample'と'hoge'でsuggestiionがでるようにしています。