Я пытаюсь интегрировать tagit с twitter bootstrap typeahead.
Я знаю, что tagit полагается на пользовательский интерфейс jquery для автозаполнения и т.д. Можно ли вместо этого использовать twitters bootstrap?
В основном все, что я хочу от tagit, - это позволить пользователю быстро щелкнуть и удалить элементы из списка, но предпочтет не вводить другую библиотеку java script на моем сайте
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;
}
Сделал небольшой пример, который работает, хотя и уродливый. На самом деле, я не очень хорошо разбираюсь в стилях CSS, поэтому, надеюсь, вы сделаете улучшения в этом примере, чтобы все было в порядке.
Если вы не против зависимости jQuery UI, вы можете использовать http://addyosmani.github.com/jquery-ui-bootstrap/ для стилизации пользовательского интерфейса jQuery, чтобы выглядеть как тема Bootstrap по умолчанию, Он должен хорошо играть с Tag-it - пожалуйста, дайте мне знать, если это не так, как я еще не использовал его сам (я являюсь автором Tag-it).