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

这个库坏了，不要打扰。接受的答案不适用于0.8版。在尝试了几件事之后，我建议切换到另一个库，我使用了tagEditor，其中一切都在第一次尝试。

Answer 4

库没有任何问题，但是当您收到此错误时，表示方法初始化存在问题。

尝试在页面准备就绪时执行此操作：

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

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

Answer 5

请尝试这样：

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

Bootstrap tagsinput添加id和值的标签

5 个答案: