Совместимость с автозаполнением JQuery UI с Jquery Chosen для Stackoverflow для стилей моих тегов?

Question

В настоящее время я успешно использую jquery ui autocomplete с act_as_taggable_on rails gem.

Однако, я хочу, чтобы мои теги отображались так же, как они находятся на StackOverFlow, когда вы задаете вопрос с меткой X, которую можно щелкнуть, чтобы удалить их.

Для этого я хочу использовать Chosen

Into Gemfile:

gem 'compass-rails' 
gem 'chosen-rails' 

В приложении/активы/JavaScripts/application.js если польза с JQuery

//= require chosen-jquery 

В приложении/активы /stylesheets/application.css

*= require chosen-compass 

Нет Мне нужно вызвать функцию .chosen в id/классе формы. Но я не получил его на работу. Вот моя форма:

<%= form_for :photo, url: photos_path, html: {multipart: true } do |f| %> 
    <%= f.file_field :picture %> 
    <%= f.text_field :title %> 
    <%= f.autocomplete_field :tag_list, autocomplete_tag_name_photos_path, :placeholder => 'Tags', :"data-delimiter" => ', ', 'data-auto-focus' => true %> 
    <%= f.submit %> 
<% end %> 

Осмотрите окно ввода тегов с Chrome Developer Tools

<input placeholder="Tags" data-delimiter=", " data-auto-focus="true" data-autocomplete="/photos/autocomplete_tag_name" type="text" name="photo[tag_list]" id="photo_tag_list" class="ui-autocomplete-input" autocomplete="off"> 

Можете ли вы предоставить мне правильный сценарий, чтобы применить .chosen к этой форме?

Вот моя попытка на JQuery для вызова выбрано:

$(document).on('page:change', function() { 
    $('#photo_tag_list').chosen 
    allow_single_deselect: true; 
    no_results_text: 'No results matched'; 
    width: '200px'; 
}); 

Edit: Мне пришло в голову, что я мог сделать, устанавливаемыми сотовыми себя, если я могу понять, как поместить представленные теги в своих собственных элемент, такой как ul/li.

Answer 1

Это не возможно, однако проще всего использовать драгоценный камень select2 с эффектами act_as_taggable_on для создания системы тегов стиля StackOverFlow.

https://github.com/argerim/select2-rails