jquery - Bootstrap tagsinput id と value を持つタグを追加

Question

Bootstrap タグ入力を使用しています

タグを動的に追加しようとしています。

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

ライブラリに問題はありませんが、このエラーが発生した場合は、メソッドの初期化に問題があることを意味します。

ページの準備ができたら、次のようにしてみてください。

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

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

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>