2015-04-17 3 views
12

Я использую Bootstrap Tags InputBootstrap tagsinput добавить тег с идентификатором и значением

Я пытаюсь добавить теги динамически.

$('.div-tag').tagsinput('add', 'vino'); 

Приведенный выше код работает отлично, но когда я пытаюсь следующий код:

$('.div-tag').tagsinput('add', { id: 1, text: 'some tag' }); 

Я получаю ошибку:

Uncaught Can't add objects when itemValue option is not set

Пожалуйста, помогите мне, чтобы добавить тег с идентификатором и значение.

+0

Вы пробовали * настройку * поле * itemValue *? Например: $ ('. Div-tag'). Taginput ('add', {id: 1, itemValue: 'some tag'}); Вот как я буду интерпретировать документы на первый взгляд. –

+0

@ alexander.biskop Да, я тоже пробовал этот метод и получил ту же ошибку. –

+1

А, кажется, это правильно, когда * добавление * элементов: $ ('input'). Taginput ('add', {id: 1, text: 'some tag'}); Однако при создании полей ввода тегов необходимо указать * itemValue *: $ ('input'). Taginput ({ itemValue: 'id' }); EDIT: Я имею в виду разделы «Параметры» в документах. –

ответ

15

инициализировать теги вход как

$('.div-tag').tagsinput({ 
     allowDuplicates: false, 
     itemValue: 'id', // this will be used to set id of tag 
     itemText: 'label' // this will be used to set text of tag 
    }); 

Чтобы добавить динамический тег

$('.div-tag').tagsinput('add', { id: 'tag id', label: 'tag lable' }); 

Это его;

+1

Как это использовать с typeahead? Есть идеи ? –

+1

Manish это не работает ... –

+1

Это не работает с версией 0.8 – sivann

11

Я потратил несколько часов, чтобы выяснить, что выше работает только тогда, когда данных роли = «tagsinput» удаляется из

<input class="div-tag" /> 
+0

Это, как представляется, решило проблему, поскольку теги теперь загружаются в поле ввода, но при добавлении новых тегов они не распознаются как теги. Кажется, необходима роль данных. – PhoebeB

+0

Это простое изменение решило большинство проблем, с которыми я столкнулся в своем приложении. Спасибо огромное! – Collius

+1

Это больше не работает. – sivann

-3

Пожалуйста, попробуйте так:

<div data-src="<?php echo get_template_directory_uri(); ?>/images/index_slide01.jpg"> 
    <div class="fadeIn camera_caption"> 
     <h2 class="text_1 color_1">Solutions that you need!</h2> 
     <a class="btn_1" href="#">More info</a> 
    </div> 
</div> 
5

Этот библиотека сломана, не беспокойтесь. Принятый ответ не работает в версии 0.8. После 1 часа попытки несколько вещей, я предлагаю переключиться на другую библиотеку, я использовал tagEditor, где все работало с первой попытки.

+1

Пожалуйста, не просто отправьте ссылку на какой-либо инструмент или библиотеку в качестве ответа. По крайней мере, продемонстрируйте [как он решает проблему] (http://meta.stackoverflow.com/a/251605) в самом ответе. –

+2

@BaummitAugen: Я не предлагаю другую библиотеку, я предлагаю не использовать ее, так как она сломана. Это. Я мог бы удалить конкретную рекомендацию, но я думаю, что это помогает. Это помогло бы мне. Включение демонстрации из другой библиотеки было бы вне сферы действия. – sivann