Могу ли я использовать tagit с загрузчиком Twitter?

Question

Я пытаюсь объединить tagit с функциональностью typeahead в Twitter bootstrap.

Я знаю, что tagit полагается на пользовательский интерфейс jquery для автозаполнения и т. Д. Можно ли вместо этого использовать загрузчик твиттеров?

По сути, все, что я хочу от tagit, - это позволить пользователю быстро щелкать и удалять элементы из списка, но предпочел бы не вводить другую библиотеку java-скриптов на моем сайте

Answer 1

Tagit хорош, и я не нашел подходящей замены.Хорошая новость в том, что вам не нужно все Jquery-UI , и вы можете настроить ввод тега так, чтобы он выглядел хорошо с помощью Bootstrap.

SCSS:

ul.tagit {
  margin-left: 0;
  input { @include box-shadow(none); }
}

CSS:

ul.tagit {
  margin-left: 0;
}
ul.tagit input { 
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
}

Answer 2

Если вы не возражаете против зависимости пользовательского интерфейса jQuery, вы можете использовать http://addyosmani.github.com/jquery-ui-bootstrap/ для стилизации пользовательского интерфейса jQuery, чтобы он выглядел как тема Bootstrap по умолчанию. Он должен хорошо работать с Tag-it - пожалуйста, дайте мне знать, если это не так, поскольку я сам еще не использовал его (я автор Tag-it).

Answer 3

Сделал небольшой пример , который работает, хотя и немного некрасиво. На самом деле я не очень хорошо разбираюсь в стилях CSS, поэтому, надеюсь, вы внесете улучшения в этот пример, чтобы он был полностью в порядке.