Bootstrap tagsinput 添加带有 id 和值的标签

Question

我正在尝试动态添加标签。

$('.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

请帮我添加带有 ID 和值的标签。

Answer 1

像

一样初始化标签输入

 $('.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' });

就是这样；

Answer 2

我花了几个小时才发现，只有当 data-role="tagsinput" 从您的

中删除时，上述内容才有效

<input class="div-tag" />

Answer 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>

Answer 4

这个库坏了，别费心了。接受的答案不适用于 0.8 版。在尝试了几件事 1 小时后，我建议切换到另一个库，我使用了 tagEditor ，在第一次尝试时一切正常。

Answer 5

库没有问题，但是当你得到这个错误时，意味着方法初始化有问题。

尝试在页面准备就绪时执行此操作，如下所示：

$(document).ready(function(){
   $('#myInput').tagsinput({
       allowDuplicates: false,
       itemValue: 'id',
       itemText: 'label'
    });
});

$(".someButton").click(function(){
   $('#myInput').tagsinput('add', {id:1, label:"blah blah"});
}

Bootstrap tagsinput 添加带有 id 和值的标签

Bootstrap tagsinput add tag with id and value

jquery

bootstrap-tags-input