twitter-bootstrap - 未设置 itemValue 选项时， Bootstrap 标签输入无法添加对象

Question

我看过这个问题Bootstrap tagsinput add tag with id and value ，但该解决方案对我不起作用:

我发现为了让输入框识别我输入的标签，我要么必须拥有 data-role = tagsinput 要么调用 $("input").tagsinput()。

例如。这适用于识别没有数据角色的标签:

$('#meeting-tags').tagsinput();
$('#meeting-tags').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
});

但这不会:

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

但是，如果我想通过 javascript 添加项目，那么它只有在我既没有数据角色也没有初始调用的情况下才有效。错误是未设置 itemValue 选项时无法添加对象

例如。这有效，但现在它无法识别标签:

$('#meeting-tags').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
    });
$('#meeting-tags').tagsinput('add', { id: 'tag id', label: 'tag lable' });

但这并没有，但现在它再次识别标签:

$('#meeting-tags').tagsinput();
$('#meeting-tags').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
    });
$('#meeting-tags').tagsinput('add', { id: 'tag id', label: 'tag lable' });

肯定有一种既能识别标签又能添加项目的方法？

Answer 1

我遇到了同样的问题(“itemValue not set”)并检查了插件，即使您初始化它，似乎也没有设置 tagsinput 的构造函数中的参数“options”。

/**
   * Constructor function
   */
  function TagsInput(element, options) {

我所做的是在标签中的数据角色定义旁边放一个随机字符串，如下所示，以强制它在选项参数中具有该值:

<input type="text" id="mytags" value="" data-role="tagsinput sometext" />

然后这样做:

var mytagsinput = $('#mytags');

//initialize
 mytagsinput.tagsinput({
              itemValue: 'id',
                itemText: 'text',
            });

//add my tags object
 mytagsinput.tagsinput('add', { id: 1, text: 'mytext'});   

它对我有用。